gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-02 04:36:23 27 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/

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