如何在highcharts中设置xAxis pointInterval(update: tickInterval)



我想将xAxis pointInterval设置为hilitock。

我正在格式化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/hililide-software/highcharts.com/tree/master/samples/highcharts/xaxis/labels-overflow/

请帮帮我!

谢谢

UPDATE: my data格式如下:

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

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天,这对于您的数据来说可能有点太小了,但是您可以将其更改为您想要的任何间隔。

我认为你想使用tickInterval选项xAxis,见:

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

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

最新更新