2016-10-06 68 views
3

非常簡潔明瞭:ChartJS爲什麼在此片段中跳過xAxis標籤?

http://codepen.io/fishgills/pen/WGdKNA

在JavaScript部分,爲標籤,但目前說:

    ticks: { 
         maxTicksLimit: 12 
        }, 

如果將其更改爲:

    ticks: { 
         maxTicksLimit: 6 
        }, 

ChartJS沒有按平均渲染線條。有人知道爲什麼它看起來像它跳過了x軸的數據點

+0

我不明白有什麼問題。在二月和五月之間(*三月和四月*)實際上有兩個月,因爲你的滴答之間有兩個值。我看不到跳過的數據在哪裏。 – tektiv

+0

我試圖讓它擁有2月和4月的標籤。跳過三月和五月。 – Charlie

回答

3

什麼你實際上是在尋找可以在選項userCallback屬性來完成:

options: { 
    scales: { 
     xAxes: [{ 
      ticks: { 
       userCallback: function(value, index) { 
        if (index % 2) return ""; 
        return value; 
       } 
      } 
     }] 
    } 
} 

documentation它(向上滾動位)以獲取更多信息。

您可以檢查this updated plunker,其結果是:

enter image description here