Flot Chart Columns多个数据系列

时间:2018-01-05 06:50:31

标签: jquery flot

我正在尝试利用jQuery Flot图表包绘制数据系列,我希望它看起来像这样:

enter image description here

我尝试了side bar plugin之类的不同Flot插件,但这并不是我正在寻找的。标准的Flot库允许我绘制条形图,如下所示:

enter image description here



var dataEarnings = [
    {label: 'actual', data: [[1,300], [2,310], [3,440], [4,300]]},
    {label: 'estimate', data: [[1,200], [2,300], [3,400], [4,200]]},
];
var optionsEarnings = {
    series: {
        lines: {show: false, steps: false },
        bars: { show: true, barWidth: 0.9, align: 'center', horizontal: false },
        points: { show: true, radius: 3, symbol: 'circle' }
    },
    yaxis: { show: true, tickLength: 0 },
    xaxis: {ticks: [[1,'Q1'], [2,'Q2'], [3,'Q3'], [4,'Q4']]}
};

$.plot($("#chart-earnings"), dataEarnings, optionsEarnings);




非常感谢任何有关其他Flot插件的建议或指示!

1 个答案:

答案 0 :(得分:0)

我找到了Flot“bubbles”插件我正在寻找here ...