2016-08-20 58 views
0

我使用cs圖表計算js。我的代碼如下:c3圖表上的x軸僅顯示第一個和最後一個值

c3.generate({ 
     bindto:'#someChart', 
     data: { 
      columns: [ 
       data 
      ] 
     }, 
     axis: { 
      x : { 
       type: 'categories', 
       categories:categories, 
       tick:{ 
        count: 12 
       } 
      } 
     }, 
     point:{ 
      show:false 
     } 
    }); 

我有一個問題。 x軸僅顯示第一個和最後一個值(第12個)。

回答

0

這是C3中一個已知的bug,如果蜱是由於在分數x值出現在哪裏(即蜱的數量意味着它應該彈出說每2.06666類),那麼它不會呈現 - >https://github.com/c3js/c3/issues/1638

有是一個的提供有一個修復你生成圖表之前運行 - >

c3.chart.internal.fn.categoryName = function (i) { 
    var config = this.config, categoryIndex = Math.ceil(i); 
    return i < config.axis_x_categories.length ? config.axis_x_categories[categoryIndex] : i; 
}; 

但我發現雖然它現在顯示蜱權數,它往往還是不排隊的標籤和很好地記錄到數據點(它們位於中間)。

在這一點上,如果可以的話,最好設置滴答數(-1),以便不分數地將其分成數據點的數量(-1)既避免你的初始問題,也很好地排隊。

例如(datapoints - 1)/(no.of.ticks - 1)==整數