Highcharts - 固體量規的顏色編碼圖例

我正在嘗試使用highcharts固體量具，並且我想要一個圖例，但Highcharts開發人員似乎已從固定量規系列中刪除了顏色選項，我相信這是傳說從它的顏色拉。Highcharts - 固體量規的顏色編碼圖例

series: [{ 
     name: 'Move', 
      borderColor: Highcharts.getOptions().colors[0], 
      color: Highcharts.getOptions().colors[0], 
      data: [{ 
       color: Highcharts.getOptions().colors[0], 
       radius: '100%', 
       innerRadius: '100%', 
       y: 80 
      }], 
      showInLegend:true 
     }, { 
      name: 'Exercise', 
      borderColor: Highcharts.getOptions().colors[1], 
      color: Highcharts.getOptions().colors[1], 
      data: [{ 
       color: Highcharts.getOptions().colors[1], 
       radius: '75%', 
       innerRadius: '75%', 
       y: 65 
      }], 
      showInLegend:true 
     }, { 
      name: 'Stand', 
      borderColor: Highcharts.getOptions().colors[2], 
      color: Highcharts.getOptions().colors[2], 
      data: [{ 
       color: Highcharts.getOptions().colors[2], 
       radius: '50%', 
       innerRadius: '50%', 
       y: 50 
      }], 
      showInLegend:true 
}]

Jsfiddle

有沒有什麼辦法讓我的傳說相匹配的一系列顏色？

來源

2016-02-26 Alden Be

我一直無法弄清楚如何爲圖例中的標記着色，但對我來說標記在這種情況下無論如何都沒有意義。所以，我在我的小提琴裏把它們關掉了。

要爲文本着色，可以使用圖例labelFormatter函數。

legend: { 
    labelFormatter: function() { 
    return '<span style="text-weight:bold;color:' + this.userOptions.color + '">' + this.name + '</span>'; 
    }, 
    symbolWidth: 0 
},

http://jsfiddle.net/9dq2p7dw/21/

來源

2016-02-26 18:23:12

謝謝你，我錯過了API的這個功能，我認爲你是正確的，該標記是沒用在這種情況下，謝謝你救了我的時間跟蹤如何將它們關閉以及。 –

Highcharts - 固體量規的顏色編碼圖例

回答

相關問題