Highchart自定义样式
我需要显示我的饼图,如下图所示,但是一旦我使用了Highchart,我没有为饼图获取相同的UI。Highchart自定义样式
下面是出现在我的项目饼图的形象。
有没有一种方法,我可以得到饼图的相同的用户界面?
为了达到类似的图表中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/
我使用这个饼图的传说,如果我通过图例禁用一个值特定突出显示的数据保持不变宽度。 –
你应该可以使用legendItemClick来隐藏连接点:http://jsfiddle.net/4gdawus0/1/ –
非常感谢你的努力:) –
您应该能够使用两个馅饼系列实现类似图表:http://jsfiddle.net/4gdawus0/ –
谢谢@GrzegorzBlachliński为您的帮助:) –