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 }]
工作演示