2015-09-27 36 views
4

如果我正确理解the documentation,Highcharts系列“区域”应该在数据传递到不同“区域”时重新着色数据点。Highcharts Column Zones

  • 这可以在最初使用'line'或'column''图表类型'加载表时起作用。
  • 当我更新类型“线”的图表的数据点的值这工作
  • 这确实当我更新的图表类型“列中的”
的数据点的值 工作

这里是小提琴:http://jsfiddle.net/bfb6w1qq/1/

你可以尝试设置从'列'到'行'的类型,看它如预期工作。

我的问题是 - 这是一个错误还是我缺少某种配置设置?我甚至试图强制重新抽签,但仍然没有运气。

在此先感谢!

下面是代码:

$(function() { 
$("#higher").on("click", function() 
{ 
    chart = $('#container').highcharts(); 
    chart.series[0].data[0].update(
     { 
      x: 0, 
      y: 15 
     }) 
    chart.redraw(); 
}); 

$('#container').highcharts({ 
    chart: 
     { 
      type: 'column' 
     }, 
    series: [{ 
     data: [-10, -5, 0, 5, 10, 15, 10, 10, 5, 0, -5], 
     zones: [{ 
      value: 0, 
      color: '#f7a35c', 
      fillColor: '#f7a35c' 
     }, { 
      value: 10, 
      color: '#7cb5ec', 
      fillColor: '#7cb5ec' 
     }, { 
      color: '#90ed7d', 
      fillColor: '#90ed7d' 
     }] 
    }] 
}); 

});

+1

我不知道解决的办法,但一个观察:我不认为有更新型“线”的图表的数据点的值时,它工作正常。如果再看一次,线条颜色会更新,但不是点颜色。所以我想这是一个普遍问题,而不是专栏。 – sheilak

+0

@sheilak哇。我没有注意到这一点。你是对的。我注意到的下一件事是,如果将鼠标悬停在元素上,然后将鼠标移出,则元素将转换正确的颜色。也许有一些方法可以模拟“退出”中发生的事情以绕过问题。 – user1142433

+1

有趣!对我来说看起来像一个bug。解决这个问题的另一个选择是使用removePoint和addPoint,但是这不会使列向上移动的动画效果相同。 – sheilak

回答