爲條形圖選擇顏色圖表

我有一個隨機數組的數組，並且我希望將這個數組中的數據分爲好的（綠色的顏色條）或者差的顏色條（紅色條）。這是我的代碼，但它不起作用。誰能幫幫我嗎？爲條形圖選擇顏色圖表

<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

爲條形圖選擇顏色圖表

回答

相關問題