Question

我正在使用Highcharts在项目中显示一些图形，并使用此设置了一些自定义颜色：

Highcharts.setOptions({
    colors: ['#404040', '#87d5e4', '#4999d4', '#ffce92', '#f39180', '#eb7a9b', '#8a84e2', '#07c1db',
             '#26b8bd', '#2380be', '#ffaa34', '#fd6d51', '#de3a6a', '#5f59b8', '#009ebe', '#009297', '#f2f2f2',
             '#fcecda', '#ffd2ca', '#febfc5']
});

这个问题是它只是从这个数组中随机化颜色而不是从左到右。所以在每个页面刷新它是一种不同的颜色，我希望这种行为停止。

我该怎么做？我在the docs中找不到任何设置。

Answer 1

highcharts总是从左到右采用颜色

参见示例

Highcharts.setOptions({
    colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4']
});



var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'pie'
    },
    
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]        
    }]
});

<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>

Highcharts随机化颜色，而不是每次从左到右

1 个答案: