在多窗格高斯托克图表中延伸到图表区域下方的线

  • 本文关键字:区域 斯托克 highcharts
  • 更新时间 :
  • 英文 :


我在使用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/

最新更新