为条形图选择颜色图表

我有一个随机数组的数组，并且我希望将这个数组中的数据分为好的（绿色的颜色条）或者差的颜色条（红色条）。这是我的代码，但它不起作用。谁能帮帮我吗？为条形图选择颜色图表

<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>

来源

2016-01-13 Sebellin

什么不行？你有任何错误，警告......？ –

它不会打印任何东西 – Sebellin

您是否在JS控制台中看到任何错误/警告？ –

当你建立你的系列，你需要做的data对象值的数组：

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

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

除了数据之外，您不必指定它们中的任何一个，其余的为选项将获得默认值。通常你只会指定标签和数据，就像这样：
{ 
    label: "y = 3", 
    data: [[0, 3], [10, 3]] 
} 

This JSFiddle演示了如何建立与您的示例代码中的数据阵列。

来源

2016-01-13 13:32:20 mechenbier

谢谢！没关系的另一个问题，我看到了问题！非常感谢你！ – Sebellin

为条形图选择颜色图表

回答

相关问题