作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 highcharts,我有一个包含 2 个数据系列的柱形图,第一个系列的每个点都有不同颜色的条,第二个系列的所有颜色条都相同。
我明白,因为我已将 colorbypoint 设置为 true,它会从图例中删除色样,但是有没有办法为第二个系列添加一个回来,这是所有 1 种颜色?
我已经尝试从 api 设置各种选项,包括尝试将 colorbypoint 添加到彩色系列,但没有应用。我还尝试在普通系列上将 colorbypoint 设置为 false,但这也没有得到应用。
这可能吗?
这里是一个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/
我是一名优秀的程序员,十分优秀!