Skip to content

Instantly share code, notes, and snippets.

@ChazUK
Created November 18, 2020 14:53
Show Gist options
  • Save ChazUK/9e35b0c38982f4adf1fe1c94831473fb to your computer and use it in GitHub Desktop.
Save ChazUK/9e35b0c38982f4adf1fe1c94831473fb to your computer and use it in GitHub Desktop.
Am4Charts Gauge Chart with no padding
const chart = am4core.create(this.chartId, GaugeChart);
chart.radius = am4core.percent(100);
chart.innerRadius = am4core.percent(70);
chart.logo.disabled = true;
chart.responsive.enabled = true;
chart.paddingTop = 0;
chart.paddingRight = 0;
chart.paddingBottom = 0;
chart.paddingLeft = 0;
chart.responsive.rules.push({
relevant: target => true,
state: (target, stateId) => {
if (target instanceof am4charts.Chart) {
const state = target.states.create(stateId);
state.properties.paddingTop = 0;
state.properties.paddingRight = 0;
state.properties.paddingBottom = 0;
state.properties.paddingLeft = 0;
return state;
}
return null;
},
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment