如果蜱彼此太靠近，如何美化x軸上的蜱蟲？

Question

正如你可以看到在x軸上的刻度線相互重疊：

使用fit: true，因爲它是默認設置爲true已經不會改變任何東西。

axis: { 
    x: { 
    tick: { 
     fit: true 
    } 
    } 
} 

使用count也不好，因爲當我們放大到一定區域內看不到任何規模蜱可言了。

axis: { 
    x: { 
    tick: { 
     count: 5 
    } 
    } 
} 

是否可以根據縮放級別更改刻度數？所以放大的部分總是有相同數量的刻度線？

Answer 1

axis: { 
    x: { 
    tick: { 
     fit: true 
    } 
    } 
} 

http://c3js.org/reference.html#axis-x-tick-fit

---

或者，你可以設置最高滴答計數：

axis: { 
    x: { 
    tick: { 
     count: 5 
    } 
    } 
} 

http://c3js.org/reference.html#axis-x-tick-count

Answer 2

有點寬泛的問題，不是嗎？

您可以錯開它們，將一些標籤放在更高的位置，並將一些標籤放低，然後測試是否與邊界框重疊。

或者你可以旋轉你的標籤：http://bl.ocks.org/mbostock/4403522