Highchart自定义样式

Question

我需要显示我的饼图，如下图所示，但是一旦我使用了Highchart，我没有为饼图获取相同的UI。

下面是出现在我的项目饼图的形象。

有没有一种方法，我可以得到饼图的相同的用户界面？

Answer 1

为了达到类似的图表中Highcharts你应该能够使用两个饼图系列具有不同的尺寸，但同样innerSize：

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/