Question

我有4个切片的HighCharts饼图：

Highcharts.setOptions({
    colors : ['#FD625E', '#69D7C6', '#573755', '#A3ABB7']
});

$('#pred_area_js').highcharts({
    chart : {
        type : 'pie',
        options3d : {
            enabled : true,
            alpha : 45
        }
    },
    title : {
        text : 'title'
    },
    subtitle : {
        text : 'subtitle'
    },
    plotOptions : {
        pie : {
            innerSize : 100,
            depth : 45,
            colors : ['#FD625E', '#69D7C6', '#573755', '#A3ABB7']
        }
    },
    series : [{
            name : 'chart name',
            animation : {
                duration : 2000
            },
            data : [
                ['Data1', 1634],
                ['Data2', 1403],
                ['Data3', 1085],
                ['Data4', 48]
            ]
        }
    ]
});

我尝试了很多方法，但它使用的是默认颜色。并且3D也不起作用。你能告诉我应该怎么用吗？

谢谢！

Answer 1

如果你使用Highcharts.setOptions，它会为页面上的所有图表设置选项，所以你可能在同一页面上有多个图表。

对于3d效果，请务必添加3d脚本：

<script src="https://code.highcharts.com/highcharts-3d.js"></script>

带有颜色和3D效果的

Fiddle

Javascript HighCharts Pie颜色变化不起作用

1 个答案: