2016-03-07 93 views
2

我正在制作一张显示24小节的条形图,以及在一天中的每个小时内完成多少生产。如何在Highcharts条形图中更改特定的条形颜色?

很简单。

我使用Highcharts.js版本4.0.1

不过,我想使这个额外的凉爽,使当前小时的酒吧有不同的颜色(所以你可以看到你应该看看什么时间哪条) 。

因此,可以说:

  • 你有24条从左至右
  • 这是下午3点,下午
  • 因此要在该系列中的“15”条加以强调一定颜色

任何人都可以指示,因为我无法在文档中轻松找到它。

谢谢。

+0

,请参阅:http://stackoverflow.com/questions/10755236/highcharts-change-bar-color为基础的,按数值 –

回答

1

您可以为系列数据添加一个'color'属性。例如,下面有多个点定义不同的颜色,并使用默认栏的颜色数:

series: [{ 
     data: [{y:10, color:'red'}, {y:20, color:'blue'}, {y:30, color:'#A84646'}, 
       {y:40, color:'rgba(253, 134, 9, 0.7)'}, 50, 60] 
    }]