2016-08-20 57 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)==整数