Javascript C3.js tootltip字体

Javascript C3.js tootltip字体,javascript,d3.js,c3.js,Javascript,D3.js,C3.js,我在用c3js尝试这个例子 有人知道如何增加工具提示内容(标题和值)的字体大小吗 非常感谢您的帮助。您可以为tspan元素设置自定义的font size: tspan { font-size: 20px; } 覆盖以下选择器的字体值: .c3-tooltip th { /* for the header */ } .c3-tooltip td.name { /* for the title cells */ } .c3-tooltip td.value { /* fo

我在用c3js尝试这个例子

有人知道如何增加工具提示内容(标题和值)的字体大小吗


非常感谢您的帮助。

您可以为
tspan
元素设置自定义的
font size

tspan {
    font-size: 20px;
}

覆盖以下选择器的字体值:

.c3-tooltip th {
  /* for the header */
}

.c3-tooltip td.name {
  /* for the title cells */
}

.c3-tooltip td.value {
  /* for the value cells */
}
示例

var图表=c3.generate({
数据:{
栏目:[
['data1',30000,20000,10000,40000,15000,250000],
[data2',10020010040150250]
],
轴线:{
数据2:‘y2’
}
},
轴线:{
y:{
勾选:{
格式:d3.格式(“s”)
}
},
y2:{
秀:没错,
勾选:{
格式:d3.格式($)
}
}
},
工具提示:{
格式:{
标题:函数(d){return'Data'+d;},
值:函数(值、比率、id){
var format=id=='data1'?d3.format(','):d3.format('$);
返回格式(值);
}
//value:d3.format(',')//将此格式应用于y和y2
}
}
});
.c3工具提示th{
/*对于标题*/
颜色:红色!重要;
}
.c3工具提示td.name{
/*对于标题单元格*/
颜色:绿色;
}
.c3工具提示td.value{
/*对于值单元格*/
颜色:蓝色;
}