如何設置x軸pointInterval（更新：tickInterval）在highcharts

我想設置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

來源

2013-04-04 bahar_Agi

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天，這對您的數據可能有點過小，但您可以將其更改爲您想要的任何時間間隔。

來源

2013-04-04 08:17:19 SteveP

我測試過你的建議，但沒有奏效... – 2013-04-04 08:46:38

也許你可以發佈您的完整圖表代碼和數據有助於理解問題？ – SteveP 2013-04-04 10:11:05

我的示例是這樣的：http://jsfiddle.net/bahar_Agi/J6H7f/我想在xAxis中擁有所有日期。如果我想擁有它們，我應該使用我認爲的類別，但是我對分類的xAxis有問題！我該怎麼辦？ – 2013-04-04 11:15:58

我想你要使用的x軸tickInterval選項，請參閱：

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

      rotation: -45 
     } 
    },

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

來源

2013-04-04 11:45:20

如何設置x軸pointInterval（更新：tickInterval）在highcharts

回答

相關問題