javascript - How to remove amCharts container padding? - Stack Overflow

admin管理员组

文章数量:1292646

I'm trying to remove the padding / margin of amChart.

I've tried to use am4core.percent(100) for chart.width and chart.plotContainer.width.

I'm browsing the web for a bit, without success. I don't know if it's because of the amChart logo in bottom left creating that padding.

I'm trying to remove the padding / margin of amChart.

I've tried to use am4core.percent(100) for chart.width and chart.plotContainer.width.

I'm browsing the web for a bit, without success. I don't know if it's because of the amChart logo in bottom left creating that padding.

• javascript
• padding
• amcharts
• amcharts4

Share Improve this question Follow edited Jun 18, 2020 at 11:31 rid 63.6k3131 gold badges157157 silver badges197197 bronze badges asked Jun 18, 2020 at 11:30 Axel.LAxel.L 3111 silver badge22 bronze badges 1

• chart.padding(0, 0, 0, 0); – Buda Sergiu Flavius Commented Feb 5, 2021 at 15:18

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

For AmCharts 5 the correct way for setting padding to 0 is:

  const chart = root.container.children.push(am5xy.XYChart.new(root, {
    paddingRight: 0,
    paddingTop: 0,
    paddingBottom: 0,
    paddingLeft: 0,
  }));

Have a look at their doc: https://www.amcharts./docs/v5/reference/xychart/#paddingBottom_setting

Also knowing how a XY chart is structured in AmCharts 5 can be very handy: https://www.amcharts./docs/v5/charts/xy-chart/xy-chart-containers/

    chart.paddingTop = 0;
    chart.paddingBottom = 0;
    chart.paddingLeft = 0;
    chart.paddingRight = 0;

Example: https://codepen.io/rsaraceni/pen/xxRGGvQ

If you are using amcharts 5 I got a slightly different answer. The paddings is part of the charts "_settings" attribute

chart._settings.paddingRight = 0;
chart._settings.paddingLeft = 0;
chart._settings.paddingTop = 0;
chart._settings.paddingBottom = 0;

本文标签： javascriptHow to remove amCharts container paddingStack Overflow