航图-一张饼图中的多个数据

Question

使用Highcharts库实现以下饼图的最佳方法是什么。此饼图在一个饼图中包含多个数据。

Answer 1

您可以使用pattern-fill模块来区分图表上的某些点：

var data = [{
  y: 2.5,
  color: '#004512'
}, {
  y: 9.5,
  color: '#453813',
  dataGroup: 1
}, ...];

data.forEach(function(el) {
  if (el.dataGroup) {
    el.color = {
      pattern: {...}
    }
  }
});

---

实时演示： http://jsfiddle.net/BlackLabel/6m4e8x0y/4772/

文档： https://www.highcharts.com/blog/tutorials/pattern-fills/