我遇到了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)。有没有人对解决方法有任何想法?
答案 0 :(得分:0)
显然github用户sappling已经解决了这个问题,并提交了一个pull请求。我包括了版本的Highstock <script src="http://raw.github.com/sappling/highcharts.com/clip/js/highstock.src.js"></script>
而不是香草版的版本,问题似乎是固定的。 http://jsfiddle.net/afoster777/jEZ9w/