在多窗格Highstock图表中延伸到图表区域下方的线

时间:2013-02-01 17:35:24

标签: highcharts highstock

我遇到了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)。有没有人对解决方法有任何想法?

1 个答案:

答案 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/