javascript - 漂浮物和颜色

Question

我正在尝试实现一个浮点条形图，但我遇到了一些问题

第一个是设置 yaxsis 最小值和最大值似乎不起作用，该图仍然仅从 0 到 14。

其次，我不知道如何为每个条设置单独的颜色和名称。

这就是我所拥有的

var d2 = [{
     "label": "Face",
     "data": [[0 , "3"], [5, "13"]]
 },
 {
     "label": "Telephone",
     "data": [[1, "400"], [6, "337"]]
 },
 {
     "label": "Web",
     "data": [[2, "1304"], [7, "843"]]

 }];





var options = {

    yaxes: {min: 0, max: 25000},

     xaxis: {
         tickSize: [1],
         autoscaleMargin: .10,
         show: false
     },


    series: {
        lines: { show: false},
        bars: {
            show: true,
            barWidth: 0.9,
            align: 'center',
             multiplebars:true,             
            },

        points: {
            show: true
        }
    }


};



$.plot($('#graph1'), d2, options);

有谁知道如何解决这些问题？

谢谢

Answer 1

如果您想为每个条形图使用不同的名称和颜色，则需要将条形图设置配置为数据集的一部分。

var data1 = [
        {
            label: "Face",
            data: [[0 , 3], [5, 13]],
            bars: {
                show: true,
                barWidth: 0.9,
                fill: true,
                lineWidth: 1,
                order: 1,
                fillColor:  "#AA4643"
            },
            color: "#AA4643"
        },
        {
            label: "Telephone",
            data: [[1, "400"], [6, "337"]],
            bars: {
                show: true,
                barWidth: 0.9,
                fill: true,
                lineWidth: 1,
                order: 2,
                fillColor:  "#89A54E"
            },
            color: "#89A54E"
        }]

然后像这样绘制它们：

$.plot($("#placeholder"), data1, options);

至于不工作min，max不配置会怎样？轴是否正确拟合数据？