Question

我想将xAxis pointInterval设置为highstock。

我正在格式化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],

e.g。 jsfiddle.net/bahar_Agi/J6H7f

Answer 1

如果您没有为数据指定x值或使用类别，则Pointstart才真正适用。由于您已为每个点指定了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天，这可能对您的数据来说有点小，但您可以将其更改为您想要的任何时间间隔。

Answer 2

我认为您想对xAxis使用tickInterval选项，请参阅：

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

            rotation: -45
         }
    },

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

如何在highcharts中设置xAxis pointInterval（update：tickInterval）

2 个答案: