D3.js 如果我更改标题的大小,C3.js图表标题将重叠
当我更改折线图标题的大小时,它是重叠的,并且x和y属性无法工作。但根据这一点,它应该起作用 我发现这是因为它在图表的SVG中。SVG的大小由配置控制,但改变图表的大小并不能解决这个问题D3.js 如果我更改标题的大小,C3.js图表标题将重叠,d3.js,c3.js,D3.js,C3.js,当我更改折线图标题的大小时,它是重叠的,并且x和y属性无法工作。但根据这一点,它应该起作用 我发现这是因为它在图表的SVG中。SVG的大小由配置控制,但改变图表的大小并不能解决这个问题 //代码在这里 (功能(){ var chart=c3.generate({ 标题:{ 文本:“我的折线图”, y:100 }, 数据:{ 栏目:[ ['data',30200100400150250] ] }, 图例:{ 位置:'插图' }, 网格:{ y:{ 秀:真的 } }, 轴线:{ y:{ 标签:{
//代码在这里
(功能(){
var chart=c3.generate({
标题:{
文本:“我的折线图”,
y:100
},
数据:{
栏目:[
['data',30200100400150250]
]
},
图例:{
位置:'插图'
},
网格:{
y:{
秀:真的
}
},
轴线:{
y:{
标签:{
文本:“Y轴标签”,
位置:'外部顶部'
}
}
}
});
d3.选择(“#chart.c3 title”)
.style('font-size','4em')
})();代码>
/*样式在这里*/
#图表{
利润率:40像素;
}
只需在顶部添加一个填充
padding: {
top: 20
}
。。。并将文本的主要基线
设置为中心
:
.style("dominant-baseline", "central")
或者,把它翻译下来
以下是更改后的代码:
//代码在这里
(功能(){
var图表=c3.0({
填充:{
前20名
},
标题:{
文本:“我的折线图”,
y:100
},
数据:{
栏目:[
['data',30200100400150250]
]
},
图例:{
位置:'插图'
},
网格:{
y:{
秀:真的
}
},
轴线:{
y:{
标签:{
文本:“Y轴标签”,
位置:'外部顶部'
}
}
}
});
d3.选择(“#chart.c3 title”)
.style('font-size','4em')
.风格(“主导基线”、“中心”)
})();代码>
/*样式在这里*/
#图表{
利润率:40像素;
}
太好了,非常感谢,您帮助我解决了两个问题。我非常感激。