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 饼图图例中获取数据名称而不是“切片”?