0
$(function () {
   $('#container').highcharts({
            chart: {
                showAxes : true,
                type: 'line',
                marginRight: 130,
                marginBottom: 25
            },
            tooltip: {
                crosshairs: [true],
                shared : true
             },
            title: {
                text: '',
                x: -20 //center
            },
            subtitle: {
                text: '',
                x: -20
            },
            xAxis: {
            type :'datetime',
            tickInterval : 12*30*24*3600* 1000,
            min : Date.UTC(2011, 0, 1),
            max : Date.UTC(2020, 0, 1),
            label : {
                align : 'left'
            }
            },
            yAxis: {
                title: {
                    text: 'PRICE Rs. / SQ.FT.'
                },
                lineWidth: 2,
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
                }]
            },

        series: [{
            data:[2165,1831,2798,2200,2237,2799,2400,2500,2865,2850]
                }]
    });
});

我的 x 轴有年份,数据系列有我想在 Y 轴上显示的信息。当我删除从 2010 到 2022 的间隔时 i 。e 注释 min 和 max option highcharts 从 1970 开始绘制图表,但之后没有点。 http://jsfiddle.net/R8kx7/3/这里是链接

4

2 回答 2

2

根据您对@SteveP 答案的评论,如果您不想明确地将 x 值与每个系列的每个 y 配对,请使用plotOptions.series pointStartpointInterval属性。

       plotOptions: {
            series: {
                pointStart: Date.UTC(2011, 0, 1),
                pointInterval : 12*30*24*3600* 1000
            }
        },       
        series: [{
            data:[2165,1831,2798,2200,2237,2799,2400,2500,2865,2850]
    }]

在这里更新了小提琴。

于 2013-06-19T20:42:20.813 回答
1

尽管您指定了最小值和最大值,但您的数据没有指定 x 值,因此假设日期时间值从 0 开始。有几种方法可以呈现您想要的图表。

首先,您可以在数据点中指定 x 值,例如

{x:Date.UTC(2011, 0, 1),y:2165}

另一种方法是不使用日期时间轴类型,只需在 x 轴中指定您想要的类别:

categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]

第二个选项可能更简单一些http://jsfiddle.net/K6xxz/

于 2013-06-19T14:47:04.890 回答