在柱形图高图中单独着色每个点

时间:2013-12-20 06:20:43

标签: javascript highcharts

我有小提琴中显示的高图

series: [{
                data: [
                    [ 'Actual Wishlist Requests' , 6000], 
                    [ 'Actual Approved Wishlists', 3000], 
                    [ 'Actual Research Completed', 2000], 
                    [ 'Actual Interviews Scheduled', 1000], 
                    [ 'Actual Successful Interviews', 500], 
                    [ 'Actual Contracts Signed', 50]] 
            }, 
                 { 
                     data: [
                     [ 'Target Wishlist Requests' , 9305 ], 
                     [ 'Target Approved Wishlists', 6557], 
                     [ 'Target Research Completed', 5069], 
                     [ 'Target Interviews Scheduled', 2290], 
                     [ 'Target Successful Interviews', 686], 
                     [ 'Target Contracts Signed', 37]]
            }]

http://jsfiddle.net/Sq8fq/1/

我想用单独的颜色为每个点着色。

如何使用现有图表执行此操作?

由于 阿布舍克巴克

2 个答案:

答案 0 :(得分:3)

您可以在点级别指定许多属性,包括颜色。尝试这样的事情:

series: [{
      data: [
             {y:6000,color:'red'}, 

http://jsfiddle.net/G575t/

答案 1 :(得分:2)

您还可以使用colorByPoint选项,具体取决于所需的控制级别: