为 flot Chart 中的 Bar 选择颜色

Question

我有一个包含随机数的数组，我想在浮点图中将该数组中的数据分类为好（绿色条）或坏（红色条）。这是我的代码，但它不起作用。谁能帮帮我？

<script>
    var Max = 20;
    var Data = [];
    for (var i=0;i<Max;i++){
        Data [i]=Math.floor((Math.random()*3000)+1500);
    }
    var myData = [];
    for(var i=0;i<Max;i++){
       if(Data[i]<2000||Data[i]>2500){
            myData [i]= {color: "red", data:[Data[i],i]};
       }
       else {
            myData [i]= {color: "green", data:[Data[i],i]};
       }
    };
    var options = {
        bars:{ 
              show: true,
              horizontal: true,
        },
        yaxis: {
                tickLength:0,
                ticks:[]
        }, 
        xaxis: {
                tickLength:0,
                ticks:[]
        },
        grid: {
               clickable: true,
               hoverable: true,
               borderWidth: 2
        }
    }

    $(document).ready(function(){    
    $.plot($("#mycanvas"),[{data:myData}],options);
    });
</script>

Answer 1

构建系列时，需要将 data 对象设为值数组：

data: [[i, Data[i]]]

来自Flot API Data Series部分（注意数据对象的格式）：

You don't have to specify any of them except the data, the rest are options that will get default values. Typically you'd only specify label and data, like this:
{
    label: "y = 3",
    data: [[0, 3], [10, 3]]
}

This JSFiddle 演示了如何使用示例代码构建数据数组。

为 flot Chart 中的 Bar 选择颜色

Choosing color for Bar in flot Chart

html

bar-chart

flot