javascript HighCharts中的饼图代码
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript HighCharts中的饼图代码相关的知识,希望对你有一定的参考价值。
Highcharts.chart('container', {
chart: {
type: 'pie'
},
title: {
text: 'Browser market shares January, 2017 to Decmber, 2017'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
},
series: [{
name: 'Brands',
colorByPoint: true,
data: [{
name: 'Chrome',
y: 56.33
}, {
name: 'Edge',
y: 24.03,
sliced: true,
selected: true
}, {
name: 'Firefox',
y: 10.38
}, {
name: 'Safari',
y: 4.77
}, {
name: 'Opera',
y: 0.91
}, {
name: 'Other',
y: 0.2
}]
}]
});
以上是关于javascript HighCharts中的饼图代码的主要内容,如果未能解决你的问题,请参考以下文章
没有距离技巧的饼图(highcharts)内的标签
饼图饼图在Highcharts
Highcharts构建空饼图
Highcharts饼图导出,标签渲染两次
Legenditemclick 上的 Highcharts 饼图避免切片饼图,但在图例项上显示动画
如何使用值数组在 Highcharts 饼图图例中获取数据名称而不是“切片”?