flot - 同一画布上的浮动饼图 + 条形图

Question

你们中有人知道如何使用 flot 在条形图旁边放置饼图吗？我希望他们使用相同的数据。

我尝试启用在系列选项中显示饼图，但条形图为空白。

$.plot("#placeholder", data, {
                series: {
                    bars: {
                        barWidth: 0.2,
                    },
                    stack: null,
                    pie: {
                        show: true
                    }
                },
                yaxis: {
                    min: 0,
                    tickFormatter: plnFormatter
                },
                xaxis: {
                    mode: "categories",
                    tickLength: 0,
                    autoscaleMargin: 0.1
                },
                grid: {
                    borderWidth: 0,
                    hoverable: true,
                    clickable: true
                }                     
            });

Answer 1

我也有同样的问题，最后我在画布上放了一个 div，注意 css 样式：

<div id="error-pie-chart" style="height:120px;width:120px;position: absolute;left:230px;top:50px;z-index:1;"></div>

然后用flot在这个div上画饼图，就可以了！