HighChart中最小和最大日期时间之间的有限xAxis

时间:2015-01-25 07:41:29

标签: javascript jquery highcharts

我使用此样式的Spline HighChart。

我的数据示例是2013年至2015年之间,图表的XAxis介于此日期时间之间,但我希望在2014年至2015年之间。

我希望XA在t1和t2之间完全正确并且我不想显示超出此范围的数据

function liveLineChart(container, series, loadFunction, StartDate) {
var chart;
$('#' + container).highcharts({
    chart: {
        zoomType: 'x',
        resetZoomButton: {
            position: {
                x: 0,
                y: -30
            }
        },
        type: 'spline',
        animation: Highcharts.svg, // don't animate in old IE
        marginRight: 10,
        events: {
            load: function () {
                loadFunction(this.series);
            }
        }
    },
    title: {
        text: 'Alarms '
    },
    xAxis: {
        type: 'datetime',
        tickPixelInterval: 150,
        //min: StartDate
    },
    yAxis: {
        title: {
            text: 'Value'
        },
        plotLines: [{
            value: 0,
            width: 1,
            color: '#808080'
        }],
        min: 0,
        max: 100
    },
    credits: {
        enabled: false
    },
    plotOptions: {
        series: {
            turboThreshold: 0
        },
        spline: {
            marker: {
                enabled: false
            }
        }
    },
    tooltip: {
        //enabled: false,
        formatter: function () {
            return Highcharts.dateFormat('%Y/%m/%d<br/>%H:%M:%S', this.x) + '<br/>' +
                   Highcharts.numberFormat(this.y, 2);
        },
        style: {
            fontSize: '8.5px'
        }
    },
    exporting: {
        enabled: true
    },
    series: series
});
}

我想要将此实时图表的Xaxis限制为特定的最小和最大日期时间。

但是这个Char无法正常工作

0 个答案:

没有答案