[C3.js] 改變橫軸縱軸樣式 紅色死神 發表於 2016年9月26日 星期一 9月 26, 2016 / 沒有留言 標籤 C3.js, css, D3.js, javascript C3.js 是一個以 D3.js 為基礎的畫圖表的工具,不過畫出來的圖表預設是淺底黑字,如果頁面上的背景顏色比較深就會看不清楚,這邊介紹一下怎麼調整顏色。 簡單加上這些 CSS 就可以了。 view plaincopy to clipboardprint.c3-axis-x, .c3-axis-y, .c3-legend-item{ fill:#fff; } .c3 .c3-axis-y path, .c3 .c3-axis-y line,.c3 .c3-axis-x path, .c3 .c3-axis-x line { stroke: #fff; } 因為 SVG 畫圖的填色方式跟傳統的 CSS 元件不大一樣,注意改成 fill 或 stoke 就可以了。 完成效果如下: 以電子郵件傳送這篇文章BlogThis!分享至 Twitter分享至 Facebook 反應:
0 意見:
張貼留言