c3js：有沒有辦法改變字體大小？

我可以放大c3js圖表的字體，例如在軸標籤，數據標籤或類別中嗎？我有興趣將通用字體設置爲更大的字體。c3js：有沒有辦法改變字體大小？

我搜索了文檔，找不到任何與「字體」有關的任何內容。

來源

2015-02-11 Kludge

確實爲您所提出的解決方案的工作？ – aberna 2015-02-11 20:06:23

C3在生成時爲每個元素提供一些類。所以，你可以通過使用這些CSS類來改變元素的風格。

示例： 1.線條樣式該行有c3-line-[id]類，所以該類可用於定義CSS中的樣式。

Web檢查器將有助於檢查課程。

你的情況標籤：

c3-legend-item-event
tick
....

從C3js文檔：http://c3js.org/gettingstarted.html

來源

2015-02-11 16:04:31 aberna

+11

我嘗試使用CSS設計樣式，但是當我將字體大小增加到某個限制以上時，由於其父容器限制寬度，文本開始隱藏。是否有更靈活的方式來自定義軸標籤或圖例的字體大小？另外，有沒有辦法在標籤中添加換行符？我想在某個字後打破標籤。任何形式的幫助將非常感激。 – 2015-09-30 17:31:43

我不得不張望了一下搜索以及閱讀c3.css文件以便更好地理解如何更改默認外觀。

在我的腦海裏，有一些你可能想改變佈局的類，只要確保在c3.css之後包含你自己的CSS文件就可以覆蓋它。

.c3-legend-item
.c3-tooltip th
.c3-tooltip td

下CodePen包括你最需要自定義您的C3圖表根據自己的喜好其它CSS類。我沒有條形圖/折線圖混合，但在餅圖和甜甜圈圖表上進行了測試，所以類是相同的。

C3.js圖：CodePen

來源

2015-10-23 01:15:47

使用以下兩類。

.c3-axis-y text 
{ 
    font-size: 15px; //change the size of the fonts 
} 

.c3-axis-x text 
{ 
    font-size: 15px; //change the size of the fonts 
}

有關右側使用Y軸 - .c3-axis-y2 text

來源

2017-07-11 08:18:21

只要把

table.c3-tooltip{ 
font-size:150px; 
} here

更改字體大小，相應

來源

2018-01-02 20:04:55

c3js：有沒有辦法改變字體大小？

回答

相關問題