Javascript HighCharts饼图颜色更改不起作用

Javascript HighCharts饼图颜色更改不起作用,javascript,highcharts,Javascript,Highcharts,我有一个带有4个切片的饼图: Highcharts.setOptions({ colors : ['#FD625E', '#69D7C6', '#573755', '#A3ABB7'] }); $('#pred_area_js').highcharts({ chart : { type : 'pie', options3d : { enabled : true, alpha : 45

我有一个带有4个切片的饼图:

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也不起作用。你能告诉我怎么用吗


谢谢大家!

如果使用
Highcharts.setOptions
它将为页面上的所有图表设置选项,因此可能在同一页面上有多个图表

对于3d效果,请确保添加3d脚本:

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


如果您使用高图表,则颜色和3D效果可以正常工作。设置选项将为页面上的所有图表设置选项,因此可能在同一页面上有多个图表

对于3d效果,请确保添加3d脚本:

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


随着颜色和3D效果的发挥

是的,你说得对!我在页面上有多个图表。。但是,如果我删除Highcharts.setOptions部分,它也不起作用…@solarenqu,用我的小提琴添加另一个图表,看看它们是否都起作用对不起,我在删除后包括它起作用了。。非常感谢。是的,你说得对!我在页面上有多个图表。。但是,如果我删除Highcharts.setOptions部分,它也不起作用…@solarenqu,用我的小提琴添加另一个图表,看看它们是否都起作用对不起,我在删除后包括它起作用了。。非常感谢。