2013-04-04 197 views
3

我想设置x轴pointInterval在highstock。如何设置x轴pointInterval(更新:tickInterval)在highcharts

我格式化X轴:

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/

请帮帮我!

谢谢

UPDATE:我的数据的格式是这样的:

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

例如如果你还没有指定的x值,为您的数据或使用类别jsfiddle.net/bahar_Agi/J6H7f

回答

4

Pointstart才真正适用。正如你所指定的x和y的值的每个点,你应该使用tickInterval选项在x轴这样的:

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

的highcharts API指南中提到本作日期时间轴:http://api.highcharts.com/highcharts#xAxis.tickInterval

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

+0

我测试过你的建议,但没有奏效... – 2013-04-04 08:46:38

+0

也许你可以发布您的完整图表代码和数据有助于理解问题? – SteveP 2013-04-04 10:11:05

+0

我的示例是这样的:http://jsfiddle.net/bahar_Agi/J6H7f/我想在xAxis中拥有所有日期。如果我想拥有它们,我应该使用我认为的类别,但是我对分类的xAxis有问题!我该怎么办? – 2013-04-04 11:15:58

2

我想你要使用的x轴tickInterval选项,请参阅:

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

      rotation: -45 
     } 
    }, 

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