2015-10-13 43 views
1

我有兩個餅圖,我想分享它們的圖例項目的顏色。 問題是,一個派在圖例中有更多的元素作爲另一個元素,並且它們以不同的顏色開始。Highcharts JS - 在餅圖之間共享圖例顏色

我的情況我可以在兩個餅圖中有非常不同的圖例項目,但有一些相同的,他們應該得到相同的顏色。

series: [{ 
      name: "Brands", 
      colorByPoint: true, 
      data: [{ 
       name: "Microsoft Internet Explorer", 
       y: 56.33 
      }, { 
       name: "Chrome", 
       y: 24.03, 
       sliced: true, 
       selected: true 
      }, { 
       name: "Firefox", 
       y: 10.38 
      }, { 
       name: "Safari", 
       y: 4.77 
      }, { 
       name: "Opera", 
       y: 0.91 
      }, { 
       name: "Proprietary or Undetectable", 
       y: 0.2 
      }] 
     }] 

series: [{ 
      name: "Brands", 
      colorByPoint: true, 
      data: [{ 
       name: "Chrome", 
       y: 24.03, 
       sliced: true, 
       selected: true 
      }, { 
       name: "Firefox", 
       y: 20.38 
      }, { 
       name: "Safari", 
       y: 4.77 
      }, { 
       name: "Opera", 
       y: 0.91 
      }, { 
       name: "Proprietary or Undetectable", 
       y: 0.2 
      }] 
     }] 

jsfiddle example here

+0

看到這個http://stackoverflow.com/questions/13875315/highcharts-dynamically-define-colors-in-pie-chart –

+0

我可以得到超過200個不同的數據標籤。帶有顏色數組的解決方案不是很有活力。 – MaroPolo

+0

@MaroPolo你如何確定哪些點是平等的?您可以爲每個點設置不同的顏色點,然後相同點將自動具有相同的顏色。 –

回答

1

顏色可以爲每個數據點設置 - 切片。您可以將它們設置爲兩個系列中相同的數據點。

例子:http://jsfiddle.net/m2v2vyj2/1/

  }, { 
       name: "Chrome", 
       y: 24.03, 
       color: '#c80' 
      }, { 
+1

動態分配顏色,切片可能高達200 –