Highchart自定义样式

Question

我需要在下面的图片中显示我的饼图，但是一旦我使用了Highchart，我就没有为饼图获得相同的UI。

以下是我项目中显示的饼图图片。

有没有办法可以获得相同的饼图UI？

Answer 1

为了在Highcharts中获得类似的图表，您应该能够使用两个不同大小的饼图系列，但内部大小相同：

  series: [{
    colorByPoint: true,
    borderWidth: 0,
    innerSize: '30%',
    size: '120%',
    dataLabels: {
      enabled: false,
    },
    data: [{
      name: 'one',
      y: 56.33,
      color: 'rgba(0,0,0,0)'
    }, {
      name: 'two',
      y: 24.03,
      color: 'rgba(0,0,0,0)'
    }, {
      name: 'three',
      y: 10.38,
      color: 'rgba(0,0,0,0)'
    }, {
      name: 'four',
      y: 24.77
    }, {
      name: 'five',
      y: 10.91,
      color: 'rgba(0,0,0,0)'
    }, {
      name: 'six',
      y: 10.2,
      color: 'rgba(0,0,0,0)'
    }]
  }, {
    colorByPoint: true,
    borderWidth: 0,
    innerSize: '30%',
    size: '80%',
    data: [{
      name: 'one',
      y: 56.33
    }, {
      name: 'two',
      y: 24.03,
    }, {
      name: 'three',
      y: 10.38
    }, {
      name: 'four',
      y: 24.77
    }, {
      name: 'five',
      y: 10.91
    }, {
      name: 'six',
      y: 10.2
    }]
  }]

实例： http://jsfiddle.net/4gdawus0/