高图,条形图,在悬停时更改条形颜色
Highcharts, bar chart, change bar color on hover?
使用条形图上的 states.hover 属性,似乎没有直接的方法可以更改悬停条的颜色。
参考:
- http://api.highcharts.com/highcharts#plotOptions.bar.states.hover
有解决方法吗?
能够更新"亮度"似乎很奇怪,但不仅仅是能够直接指定悬停状态填充颜色......
{{编辑
好的,所以,如果条上没有明确设置颜色,则 hover.color 有效,但如果颜色设置为点级别(即 ' {y:8, color:'#00ff00'}
'),则不工作。
例:
- http://jsfiddle.net/3qtZr/44/
我有一个图表,我需要在点级别显式设置一些颜色,但仍想在悬停时覆盖颜色。
有什么想法吗?
有颜色属性。
states: {
hover: {
brightness: 0.2,
color: '#ffccee'
}
}
只需在配置 obj 中提供它
series: [
{
//data
states: {
hover: {
brightness: 0.5,
color: '#4318FF'
}
},
}
],
相关文章:
- Chart.js条形图:网格颜色和隐藏标签
- 如何使用chartjs设置条形图中每个条形图的颜色
- 使用颜色数组为不同的条形图设置不同的颜色
- 使用谷歌图表在条形图中设置颜色
- 使用highcharts为条形图中的每个条形设置单独的颜色
- 如何使用angularJS在剑道UI中点击堆叠条形图获得特定堆叠的颜色
- 高图,条形图,在悬停时更改条形颜色
- NVD3.js 多条形图工具提示颜色
- 图表.js条形图颜色根据值而变化
- 条形图 d3.js 的颜色出现问题
- vis.js 3D 条形图:根据 z 坐标值设置条形颜色
- 更改谷歌条形图的颜色并将数据转换为百分比
- 根据值更改条形图中的条形图颜色
- Flot:通过多个堆叠条形图在整个屏幕上保持一致的标签颜色
- 当序列计数变化时,使用NVD3维护堆叠/分组多条形图的颜色映射
- 谷歌图表-更改条形图的颜色
- 如何更改条形图颜色(谷歌图表可视化)
- 根据值改变chart.js中的条形图颜色
- js堆叠条形图颜色
- 高位图:将多系列条形图中的每个条形图设置为不同的颜色