diff --git a/packages/builder/src/components/userInterface/temporaryPanelStructure.js b/packages/builder/src/components/userInterface/temporaryPanelStructure.js index 05925b9b61..42410c62f3 100644 --- a/packages/builder/src/components/userInterface/temporaryPanelStructure.js +++ b/packages/builder/src/components/userInterface/temporaryPanelStructure.js @@ -573,6 +573,13 @@ export default { control: Input, defaultValue: "400", }, + { + label: "Stacked", + key: "stacked", + control: Checkbox, + valueKey: "checked", + defaultValue: false, + }, { label: "Horizontal", key: "horizontal", diff --git a/packages/standard-components/components.json b/packages/standard-components/components.json index 5a93ef2c2f..b9dab63fe2 100644 --- a/packages/standard-components/components.json +++ b/packages/standard-components/components.json @@ -573,10 +573,8 @@ }, "xAxisLabel": "string", "yAxisLabel": "string", - "legend": { - "type": "bool", - "default": false - } + "legend": "bool", + "stacked": "bool" } }, "line": { diff --git a/packages/standard-components/src/Chart/ApexOptionsBuilder.js b/packages/standard-components/src/Chart/ApexOptionsBuilder.js index 30723f0b28..9df273d7d7 100644 --- a/packages/standard-components/src/Chart/ApexOptionsBuilder.js +++ b/packages/standard-components/src/Chart/ApexOptionsBuilder.js @@ -104,4 +104,8 @@ export class ApexOptionsBuilder { legend(legend) { return this.setOption(["legend", "show"], legend) } + + stacked(stacked) { + return this.setOption(["chart", "stacked"], stacked) + } } diff --git a/packages/standard-components/src/Chart/BarChart.svelte b/packages/standard-components/src/Chart/BarChart.svelte index edc0f8dcc1..de51316ed4 100644 --- a/packages/standard-components/src/Chart/BarChart.svelte +++ b/packages/standard-components/src/Chart/BarChart.svelte @@ -18,6 +18,7 @@ export let dataLabels export let animate export let legend + export let stacked let data $: options = getChartOptions(data) @@ -43,6 +44,7 @@ .dataLabels(dataLabels) .animate(animate) .legend(legend) + .stacked(stacked) // Add data if valid datasource if (rows && rows.length) {