Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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
Javascript Recharts.js ResponsiveContainer显示空白填充_Javascript_Css_Recharts - Fatal编程技术网

Javascript Recharts.js ResponsiveContainer显示空白填充

Javascript Recharts.js ResponsiveContainer显示空白填充,javascript,css,recharts,Javascript,Css,Recharts,在中使用时,它会将填充像空白一样呈现在图表周围 本期可在此处复制: [请注意的红色边框和蓝色之间的空格] 如何删除该选项,以便折线图在红色框中从边到边呈现?所有图表类型在recharts上都有边距道具,该道具用于: {top:5,left:5,right:5,bottom:5} 只需将修改后的道具添加到即可解决此问题: <LineChart margin={{ top: 0, left: 0, right: 0, bottom: 0 }} data={data}> 这是叉子

在中使用
时,它会将填充像空白一样呈现在图表周围

本期可在此处复制:

[请注意
的红色边框和蓝色
之间的空格]


如何删除该选项,以便折线图在红色框中从边到边呈现?

所有图表类型在
recharts
上都有
边距
道具,该道具用于:

{top:5,left:5,right:5,bottom:5}

只需将修改后的道具添加到
即可解决此问题:

<LineChart margin={{ top: 0, left: 0, right: 0, bottom: 0 }} data={data}> 

这是叉子