Created
November 18, 2020 14:53
-
-
Save ChazUK/9e35b0c38982f4adf1fe1c94831473fb to your computer and use it in GitHub Desktop.
Am4Charts Gauge Chart with no padding
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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