如何設置圖例（jqplot）中各個標籤的顏色？

我正在使用jqplot在頁面上繪製圖表。我正在繪製多條線，並且需要顯示一個有助於識別線條的圖例。如何設置圖例（jqplot）中各個標籤的顏色？

這些線條有不同的顏色，所以我需要找到一種方法來設置圖例中顯示的單個標籤的coklor。

var plot3 = jQuery.jqplot('div1', [data1, data2, data3, data4], 
    { 
     // Series options are specified as an array of objects, one object 
     // for each series. 
     series:[ 
      { 
      color: '#FF0000', 
      // Change our line width and use a diamond shaped marker. 
      lineWidth:2, 
      markerOptions: { style:'diamond' } 
      }, 
      { 
      color: '#00FF00', 
      // Don't show a line, just show markers. 
      // Make the markers 7 pixels with an 'x' style 
      showLine:false, 
      markerOptions: { size: 7, style:"x" } 
      }, 
      { 
      color: '#0000FF', 
      // Use (open) circular markers. 
      markerOptions: { style:"circle" } 
      }, 
      { 
      color: '#F0000F', 
      // Use a thicker, 5 pixel line and 10 pixel 
      // filled square markers. 
      lineWidth:5, 
      markerOptions: { style:"filledSquare", size:10 } 
      } 
     ], 

legend:{ 
      renderer: jQuery.jqplot.EnhancedLegendRenderer, 
      show: true, 
      labels: ['data1', 'data2', 'data3', 'data4'] 
     } 
    }

[編輯]

我已刪除了以前的代碼 - 因爲它是一個紅色的鯡魚。我也改變了標題，以反映我試圖解決問題的新方式，經過幾天的努力。

來源

2011-06-14 oompahloompah

傳說後，請添加這樣的：

legend: {show: true } , 
series:[{label:'BANANA'}, {label:'ORANGE'} ],

這會給你的傳奇的名字。

來源

2011-06-14 22:36:48 Naresh

您可以通過使用seriesColors如下設置系列和傳奇色彩：

var plot1 = $.jqplot('chart', [data1, data2], { 
legend: { 
    show: true 
}, 
seriesColors: ['red', 'blue'] 
});

來源

2016-09-29 10:04:23 Adrien

如何設置圖例（jqplot）中各個標籤的顏色？

回答

相關問題