2015-11-06 49 views
1

我尝试在higcharts中设置区域图的参考值。这应该与this example类似,但以100为基线。因为它很难形容我附上一张照片。我真的失去了这个话题,感谢任何帮助/提示提前。如何在HighCharts中设置fillArea偏移量

image to describe the problem

+0

你能分享你的代码吗?您可以根据这些值设置yAxis最小/最大值。 –

+0

Y轴:{ 分钟:80, 最大:170 },请参阅本http://jsfiddle.net/Nishith/th3s5aw9/ –

+0

@NishithChaturvedi,我认为MemLeak的意思是,他希望乔的区域地块开始上升在100,而你链接到它的那个从0开始并且覆盖了Jane的区域图。 –

回答

1

threshold一直在寻找什么即时通讯的。添加到系列中,请参阅jsfiddle

series: [{ 
    name: 'John', 
    data: [105, 103, 104, 107, 102], 
    threshold : 100 
} .... 
+0

哦,去图!很高兴知道。 –

2

我不认为你可以设置基线实际上是0以外的任何事情,但你可以做的就是修改轴线旋转,使得它显示我们的绘图100偏移的实际值那么对于你的数据,你可以在相反的方向上将它抵消相同的数量。

yAxis: {   
    labels: { 
     formatter: function() { 
      return [this.value + 100]; 
     } 
    } 
}, 
series: [{ 
     name: 'John', 
     data: [105, 103, 104, 107, 102].offset(-100) 
    }, { 
     name: 'Jane', 
     data: [102, 98, 97, 102, 101].offset(-100) 
    }, { 
     name: 'Joe', 
     data: [103, 104, 104, 98, 105].offset(-100) 
    } 
] 

Array.prototype.offset = function (ofs) { 
    var a = []; 
    this.forEach(function (d) { 
     a.push(d + ofs); 
    }); 
    return a; 
}; 

这样做,我创建你所希望看到的图表:

enter image description here

JSFiddle