更改flot.js中一行的顏色

Question

我有一個每月數據的線圖。無論我在選項列表中添加顏色選項，還是作爲數據的一部分，該行仍然是默認的黃色。

以下是使用默認值工作的代碼。

我需要在哪裏添加顏色變量以使其顯示。

var plotData = [[1, data.data['Jan']], [2, data.data['Feb']], [3, data.data['Mar']], [4, data.data['Apr']], [5, data.data['May']], [6, data.data['June']], [7, data.data['July']], [8, data.data['Aug']], [9, data.data['Sep']], [10, data.data['Oct']], [11, data.data['Nov']], [12, data.data['Dec']]]; 

           $.plot('#placeholder', [plotData]), { 

            series: { 
             lines: { 
              show: true, 
              lineWidth: 4, 

             }, 
             points: { 
              show: true 
             }, 
             shadowSize: 0 

            }, 
            grid: { 
             hoverable: true, 
             clickable: false, 
             borderColor: '#EDEDED', 
             borderWidth: 1, 
             labelMargin: 15, 
             backgroundColor: '#FFF' 
            }, 
            yaxis: { 
             min: 0, 
             color: '#EDEDED' 
            }, 
            xaxis: { 
             color: '#FFF', 

            }, 
            legend: { 
             show: false 
            }, 
            tooltip: true, 
            tooltipOpts: { 
             content: '%x: %y', 
             shifts: { 
              x: -30, 
              y: 25 
             }, 
             defaultTheme: false 
            } 

           } 

Answer 1

移動從後面[plotdata]到的選項月底)對象：

$.plot('#placeholder', [plotData]), { 
           ^

因爲它是現在，你叫情節沒有選項，因此使用默認選項。 這是一個fiddle它顯示工作代碼。

有關定義自定義顏色的正確方法，請參見here或上面的提琴。