4

我想在 highstock 中设置 xAxis pointInterval。

我正在格式化 xAxis:

xAxis: {
        type: 'datetime',
        labels: {
            formatter: function () {
                var someDate = new Date(this.value);
                return Myfunction(new Date(someDate));
            }
        }
    },

我已经搜索并找到了一些方法,但它们对我不起作用!为了设置一天的 pointInterval(24 * 3600 * 1000 // 一天),我在添加系列时设置了它:

chart.addSeries({
                name: my name,
                data: my data,
                id: my id,
                type: 'spline',
                pointStart:start date,
                pointInterval: 24 * 3600 * 1000 // one day
            });

但它没有用。所以我尝试做其他事情:

plotOptions: {
        spline: {
            pointStart: start date,
            pointInterval: 24 * 3600 * 1000 // one day
        }
    },

它也没有工作。

我已经测试过:

chart.xAxis[0].setCategories([data])

但是这段代码使CPU工作很多,浏览器崩溃了!

其实我看过这些例子。但是当我尝试它们时,它们没有用!

http://jsfiddle.net/larsenmtl/SJSwt/1/

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/xaxis/labels-overflow/

请帮我!

谢谢

更新:我的数据格式如下:

series: [{
        data: [
            [Date.UTC(2010, 0, 1), 29.9],
            [Date.UTC(2010, 0, 2), 71.5],
            [Date.UTC(2010, 0, 3), 106.4],

例如 jsfiddle.net/bahar_Agi/J6H7f

4

2 回答 2

5

Pointstart 仅在您没有为数据指定 x 值或使用类别时才真正适用。由于您已为每个点指定 x 和 y 值,您应该使用 x 轴上的 tickInterval 选项,如下所示:

xAxis: {
        type: 'datetime',
        labels: {
            style: {
                fontFamily: 'Tahoma'
            },
            rotation: -45
        },
        tickInterval: 24 * 3600 * 1000
    },

highcharts api 指南为日期时间轴提到了这一点:http: //api.highcharts.com/highcharts#xAxis.tickInterval

在此示例中,我将 tickInterval 设置为 1 天,这对于您的数据可能有点太小,但您可以将其更改为您想要的任何时间间隔。

于 2013-04-04T08:17:19.410 回答
2

我认为您想tickInterval为 xAxis 使用选项,请参阅:

xAxis: {
        tickInterval: 24 * 3600 * 1000,
        type: 'datetime',
         labels: {
            style: {
                fontFamily: 'Tahoma'
            },

            rotation: -45
         }
    },

jsFiddle:http: //jsfiddle.net/J6H7f/1/

于 2013-04-04T11:45:20.690 回答