我在使用Highstock时遇到了问题。我有一个多窗格图表(多个图表堆叠在一起)。当我为 y 轴指定最小值和最大值时,如果系列中的任何值小于最小值,它将延伸到图表下方,通常延伸到下面的图表中。出于某种原因,当数据点高于最大值时,情况并非如此。我无法判断这是Highstock中的错误还是只是我做错了什么。
我知道这是Highstock的一个不寻常的用例,但对于我正在开发的应用程序来说,这是必要的。我能找到的带有Highstock的多窗格图表的唯一示例是在他们的演示页面上 http://www.highcharts.com/stock/demo/candlestick-and-volume,但那是不同的情况。
请看我的例子:http://jsfiddle.net/afoster777/UJaJG/
这是我的配置:
var chart = new Highcharts.StockChart({
chart: {
renderTo: 'container',
alignTicks: false,
plotOptions: {
shadow: false,
series: {
connectNulls: false
},
plotBorderColor: "#CCCCCC",
plotBorderWidth: 2,
plotBackgroundColor: "#FFFFFF"
}
},
navigator: {
enabled: false
},
xAxis: {
title: {
text: 'Time'
},
type: 'datetime',
ordinal: false
},
yAxis: [{
title: {
text: "Y"
},
min: 0.8,
max: 0.9,
labels: {
align: 'right',
x: -6,
y: 3
},
lineWidth: 1,
height: 250,
offset: 0,
startOnTick: false,
endOnTick: false
}, {
title: {
text: "Y"
},
min: 0.8,
max: 0.9,
labels: {
align: 'right',
x: -6,
y: 3
},
lineWidth: 1,
top: 320,
height: 250,
offset: 0,
startOnTick: false,
endOnTick: false
}],
series: [{
type: 'line',
id: 0,
name: 'Series1',
yAxis: 0,
data: series1data,
marker: {
enabled: false
},
tooltip: {
valueDecimals: 2
},
gapSize: 2,
connectNulls: false
}, {
type: 'line',
id: 1,
name: 'Series2',
yAxis: 1,
data: series2data,
marker: {
enabled: false
},
tooltip: {
valueDecimals: 2
},
gapSize: 2,
connectNulls: false
}]
});
我将不胜感激任何建议。
编辑:显然已经有一个关于此的未决问题(问题#1387)。有人对解决方法有任何想法吗?
显然,github用户sappling已经修复了这个问题并提交了拉取请求。我包括了sappling版本的Highstock <script src="http://raw.github.com/sappling/highcharts.com/clip/js/highstock.src.js"></script>
而不是原版,问题似乎已经解决。http://jsfiddle.net/afoster777/jEZ9w/