在高位图上更改条件的颜色 [英] Change the color of bar on condition in highcharts

问题描述

类似于：

$

使用highcharts，我想根据它们的Y轴值更改栏的颜色。 b $ b

  {
颜色：'＃92D050'，//每个组的当前年酒吧的默认颜色
名称：'AUG'，
 shadow：false，
 data：[
 {y：66，color：'＃92D050'}，
 {y：55，color：'red'}，
 {y：78，color：'＃92D050'}，
 {y：55，color：'red'} 
] 
} 
  

在这里，我可以如何应用像y这样的编纂：> 60

您可以迭代每个元素并像填充一样修改SVG参数。

http://jsfiddle.net/CaPG9/

  var max = 200; 
 
 $ .each（chart.series [0] .data，function（i，data）{
 
 if（data.y> max）
 data .graphic.attr（{
 fill：'red'
}）; 
 
}）; 
  

I am using highcharts and I want to change the color of bar depending on their Y axis values.

Something like:

{
    color: '#92D050', //DEFAULT COLOR OF CURRENT YEAR BAR ON EACH GROUP
    name: 'AUG',
    shadow: false,
    data: [
       { y: 66, color: '#92D050' },
       { y: 55, color: 'red' },
       { y: 78, color: '#92D050' },
       { y: 55, color: 'red'}
    ]
}

Here how can I apply codition like y: > 60

解决方案

You can iterate for each element and modify SVG parameter like fill.

http://jsfiddle.net/CaPG9/

var max = 200;

$.each(chart.series[0].data,function(i,data){

   if(data.y > max)
       data.graphic.attr({
       fill:'red'
   });

});

这篇关于在高位图上更改条件的颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！