Increase Line SVG Height to show X Label

This commit is contained in:
Conor Mack 2020-09-04 15:52:01 +01:00
parent 5933004918
commit b87a2a3e96
2 changed files with 11 additions and 2 deletions

File diff suppressed because one or more lines are too long

View File

@ -72,6 +72,15 @@
bindChartUIProps()
bindChartEvents()
chartContainer.datum(data).call(chart)
// X Axis Label gets cut off unless we do this 👇
const chartSvg = document.querySelector(`.${chartClass} .britechart`)
if (chartSvg) {
let height = chartSvg.getAttribute("height")
height = parseInt(height) + 35
chartSvg.setAttribute("height", height)
}
bindTooltip()
} else {
console.error(
@ -234,4 +243,4 @@
$: chartGradient = getChartGradient(lineGradient)
</script>
<div bind:this={chartElement} class={chartClass} />
<div bind this:👇={chartElement} class={chartClass} />