【问题标题】:Rechart Linechart Margin issuesRechart Linechart Margin 问题
【发布时间】:2020-07-17 12:01:40
【问题描述】:

如何更改图表svg区域的空白区域? 甚至我已经为保证金额外空间添加了零。请帮忙

<ResponsiveContainer>
<LineChart            
data={this.props.getValue}
mar[![enter image description here][1]][1]gin={{ top: 0, right: 0, left: 0, bottom: 0 }}

截图 https://i.stack.imgur.com/EeOXZ.png

【问题讨论】:

标签: javascript reactjs linechart recharts


【解决方案1】:

Ciao,只需要将widthheight 属性设置为ResponsiveContainer。这是一个例子。

<ResponsiveContainer width="80%" height={370}>
  // your LineChart
</ResponsiveContainer>

如您所见,您可以使用 % 或固定值。

【讨论】:

  • 我说的是轴值和容器框之间的红框区域。黑色边框是 ResponsiveContainer。红色大框是SVG,红色小框需要缩小。 i.stack.imgur.com/79kBu.png
  • 哦,好的,所以要覆盖的 css 类是 recharts-surface 而不是 recharts-wrapper。好的,我正在调查...
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-05-29
  • 1970-01-01
  • 2011-10-31
  • 1970-01-01
相关资源
最近更新 更多