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() bindChartUIProps()
bindChartEvents() bindChartEvents()
chartContainer.datum(data).call(chart) 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() bindTooltip()
} else { } else {
console.error( console.error(
@ -234,4 +243,4 @@
$: chartGradient = getChartGradient(lineGradient) $: chartGradient = getChartGradient(lineGradient)
</script> </script>
<div bind:this={chartElement} class={chartClass} /> <div bind this:👇={chartElement} class={chartClass} />