Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/arrays/14.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
D3.js 如果我更改标题的大小,C3.js图表标题将重叠_D3.js_C3.js - Fatal编程技术网

D3.js 如果我更改标题的大小,C3.js图表标题将重叠

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:{ 标签:{

当我更改折线图标题的大小时,它是重叠的,并且x和y属性无法工作。但根据这一点,它应该起作用

我发现这是因为它在图表的SVG中。SVG的大小由配置控制,但改变图表的大小并不能解决这个问题

//代码在这里
(功能(){
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像素;
}

太好了,非常感谢,您帮助我解决了两个问题。我非常感激。