[C3.js] 改變橫軸縱軸樣式

C3.js 是一個以 D3.js 為基礎的畫圖表的工具，不過畫出來的圖表預設是淺底黑字，如果頁面上的背景顏色比較深就會看不清楚，這邊介紹一下怎麼調整顏色。

簡單加上這些 CSS 就可以了。

view plaincopy to clipboardprint

1. .c3-axis-x, .c3-axis-y, .c3-legend-item{   
2.     fill:#fff;         
3. }   
4. .c3 .c3-axis-y path, .c3 .c3-axis-y line,.c3 .c3-axis-x path, .c3 .c3-axis-x line {   
5.     stroke: #fff;   
6. }  

因為 SVG 畫圖的填色方式跟傳統的 CSS 元件不大一樣，注意改成 fill 或 stoke 就可以了。

完成效果如下：