Highcharts JS - 在饼图之间共享图例颜色

我有两个饼图，我想分享它们的图例项目的颜色。问题是，一个派在图例中有更多的元素作为另一个元素，并且它们以不同的颜色开始。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

来源

2015-10-13 MaroPolo

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

我可以得到超过200个不同的数据标签。带有颜色数组的解决方案不是很有活力。 – MaroPolo

@MaroPolo你如何确定哪些点是平等的？您可以为每个点设置不同的颜色点，然后相同点将自动具有相同的颜色。 –

颜色可以为每个数据点设置 - 切片。您可以将它们设置为两个系列中相同的数据点。

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

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

来源

2015-10-13 14:46:32

动态分配颜色，切片可能高达200 –

Highcharts JS - 在饼图之间共享图例颜色

回答

相关问题