HighCharts:是否可以自定义各个系列的颜色?

我正在使用HighCharts的线图报告。 在这个具体的报告中,我被要求定制每个系列的颜色。 该系列将永远保持不变。 举个例子:

约翰系列:蓝色虚线玛丽系列:固体红线

有谁知道如何做到这一点?

选项可以为每个系列单独设置。

var chart = new Highcharts.Chart({ chart: { renderTo: 'container' }, xAxis: { type: 'datetime' }, series: [{ name: 'John', color: '#0066FF', dashStyle: 'ShortDash', data: [ [Date.UTC(2010, 0, 1), 29.9], [Date.UTC(2010, 2, 1), 71.5], [Date.UTC(2010, 3, 1), 106.4] ] },{ name: 'Mary', color: '#FF0000', data: [ [Date.UTC(2010, 0, 1), 60.9], [Date.UTC(2010, 1, 1), 40.5], [Date.UTC(2010, 2, 1), 90.0], [Date.UTC(2010, 3, 1), 80.4] ] }] }); 

JsFiddle示例

如果你在这里阅读api,你会看到下面的文字。

意甲

要附加到图表的实际系列。 除了下面列出的成员plotOptions ,该特定types的plotOptions任何成员都可以单独添加到一个系列中。 例如,即使在plotOptions.series指定了一般的lineWidth ,也可以为每个series指定一个单独的lineWidth

所以你可以添加任何从plotOptions

演示:

 series: [{ name: 'serie1', data: [0,1,2,3,4,5,6,7,8,9], color: '#FFFF00', lineWidth: 4, id: 'serie1', step: true }] 

工作演示