gpt4 book ai didi

highcharts - 当 colorbypoint 设置为 true 时,如何为 Highcharts 中的系列图例着色

转载 作者:行者123 更新时间:2023-12-02 21:33:28 25 4
gpt4 key购买 nike

我正在使用 highcharts,我有一个柱形图,其中有 2 个数据系列,第一个数据系列的每个点都有不同的颜色条,第二个系列的每个点都有相同的颜色条。

我明白,因为我已将 colorbypoint 设置为 true,它将从图例中删除颜色样本,但是有没有办法为第二个系列(全是 1 种颜色)添加一个颜色样本?

我尝试从 api 设置各种选项,包括尝试将 colorbypoint 添加到彩色系列中,但没有得到应用。我还尝试在普通系列上将 colorbypoint 设置为 false,但这也没有得到应用。

这可能吗?

enter image description here

这里是一个 fiddle 的链接 http://jsfiddle.net/wf_4/X4K4R/

最佳答案

只需为第二个系列设置colorByPoint: false,并设置一种颜色而不是颜色数组。查看演示:http://jsfiddle.net/X4K4R/1/

$('#container').highcharts({

chart: {
type: 'column'
},

xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
},

plotOptions: {
series: {
colorByPoint: true
}
},

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]
}, {
colorByPoint: false,
data: [54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6],
color: '#000000'
}]
});

关于highcharts - 当 colorbypoint 设置为 true 时,如何为 Highcharts 中的系列图例着色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21879305/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com