当前位置 : 主页 > 网页制作 > JQuery >

jquery – 如何使用flot的类别插件绘制一个类别中的并排(多个系列)条形图?

来源:互联网 收集:自由互联 发布时间:2021-06-15
我使用flot.js和flot的类别插件来创建使用类别而不是x轴刻度的数值的条形图. 当我只使用一个系列时,它的工作非常出色:http://jsfiddle.net/tFy46/1/. 但是,当我使用多个系列时,结果会叠加在
我使用flot.js和flot的类别插件来创建使用类别而不是x轴刻度的数值的条形图.

当我只使用一个系列时,它的工作非常出色:http://jsfiddle.net/tFy46/1/.

但是,当我使用多个系列时,结果会叠加在一起而不是并排放置.

我的代码:

var graphCanvas = $('#graph-canvas'),
    graphData = [
        {
            "color": "#f00",
            "data": [
                ["1st Nov to 3rd Nov", 5.304752, 4.04044192]
            ]
        },
        {
            "color": "#0f0",
            "data": [
                ["1st Nov to 3rd Nov", 8.80990656, 3.86548928],
                ["11th Nov to 15th Nov", 37.89327872, -2.1734158399999997]
            ]
        }
    ],
    graphOptions = {
        legend: {
            show: false
        },
        series: {
            bars: {
                align: 'center',
                fill: 0.7,
                show: true
            }
        },
        xaxis: {
            mode: 'categories'
        }
    };
$.plot(graphCanvas, graphData, graphOptions);

http://jsfiddle.net/tFy46/

(这是在how to draw multiple bar charts grouped by category with flot js之前提出的,但是“使用flot’类别’插件”的接受答案并不是一个有用的答案.)

是不是“使用flot’类别’插件”一个有用的答案?
网友评论