Question

我有这个高图图表

$(function () {
$('#container').highcharts({

    xAxis: {
        type: 'datetime'
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        pointStart: Date.UTC(2010, 0, 1),
        pointInterval: 24 * 3600 * 1000
    }]
});


// the button action
$('#button').click(function () {
    var chart = $('#container').highcharts();
    chart.xAxis[0].setExtremes(Date.UTC(2010, 0, 2), Date.UTC(2010, 0, 8));
});
});

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/axis-setextremes-datetime/

如果您点击“设置极端＆＃39;它可以在一整天的间隔内正常工作。

将点间隔更改为20 * 3600 * 1000（20h），然后再次单击“设置极限＆＃39;您可以访问星期五，1月1日，20：00＆＃39;超出范围，因为minExtreme设置为2. Jan。

如何防止访问超出极端的点？

即使在 http://www.highcharts.com/stock/demo/compare 您可以向左导航并访问2012年5月9日。

Answer 1

将minPadding设置为0，startOnTick设置为false将阻止该点显示在绘图区域中。

示例：

http://jsfiddle.net/jlbriggs/rw3a5hq5/

然而，奇怪的是，如果你将光标放在正确的位置 - 这对我来说似乎是一个错误，第一点仍会显示一个工具提示。

Answer 2

您可以在设置极值时更新起点：

chart.series[0].update({pointStart: Date.UTC(2010, 0, 2)});

Fiddle

Highcharts - 防止访问极端的点

2 个答案: