c3js:有没有办法改变字体大小？

Question

我可以放大c3js图表的字体,例如轴标签,数据标签或类别吗？我有兴趣将一般案例字体设置为更大的字体.

我搜索了文档,无法以任何方式找到任何与"font"相关的内容.

Answer 1

C3在生成时为每个元素提供一些类.因此,您可以通过使用CSS的类来更改元素的样式.

示例:1.线条样式线条具有c3-line-[id]类,因此该类可用于在css中定义样式.

Web Inspector对于检查类很有用.

在您的情况下,标签是:

来自C3js文档:http://c3js.org/gettingstarted.html

我尝试使用CSS进行样式设置,但是当我将字体大小增加到某个限制以外时,由于父容器的宽度有限,文本开始隐藏.是否有更灵活的方式来自定义轴标签或图例的字体大小？另外,有没有办法在标签中添加换行符？我希望在某些单词后打破标签.任何形式的帮助将非常感激. (16认同)

Answer 2

使用以下两个类。

.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