MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #581 from Budibase/bugfix/line-chart-x-label 

Increase Line SVG Height to show X Label
This commit is contained in:
Conor_Mack 2020-09-04 15:59:40 +01:00 committed by GitHub
parent 9d45de1d28 5562d1b8d2
commit 352bcf988c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/standard-components/dist/index.js.map vendored
View File

File diff suppressed because one or more lines are too long

11
packages/standard-components/src/Chart/Line.svelte
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} />