diff --git a/resources/views/livewire-multi-column-chart.blade.php b/resources/views/livewire-multi-column-chart.blade.php index 92cfa57..fd6c5ed 100644 --- a/resources/views/livewire-multi-column-chart.blade.php +++ b/resources/views/livewire-multi-column-chart.blade.php @@ -16,6 +16,7 @@ this.chart.destroy() } + const stacked = component.get('columnChartModel.isStacked'); const animated = component.get('columnChartModel.animated'); const onColumnClickEventName = component.get('columnChartModel.onColumnClickEventName') const dataLabels = component.get('columnChartModel.dataLabels'); @@ -38,6 +39,7 @@ chart: { type: 'bar', height: '100%', + stacked: stacked, toolbar: { show: false }, diff --git a/src/Models/ColumnChartModel.php b/src/Models/ColumnChartModel.php index 0802664..96ca19f 100644 --- a/src/Models/ColumnChartModel.php +++ b/src/Models/ColumnChartModel.php @@ -7,6 +7,7 @@ namespace Asantibanez\LivewireCharts\Models; * Class ColumnChartModel * @package Asantibanez\LivewireCharts\Models * @property boolean $isMultiColumn + * @property boolean $isStacked */ class ColumnChartModel extends BaseChartModel { @@ -14,6 +15,8 @@ class ColumnChartModel extends BaseChartModel public $isMultiColumn; + public $isStacked; + public $onColumnClickEventName; public $data; @@ -28,6 +31,8 @@ class ColumnChartModel extends BaseChartModel $this->isMultiColumn = false; + $this->isStacked = false; + $this->data = collect(); } @@ -45,6 +50,13 @@ class ColumnChartModel extends BaseChartModel return $this; } + public function stacked() + { + $this->isStacked = true; + + return $this; + } + public function setOpacity($opacity) { $this->opacity = $opacity; @@ -93,6 +105,7 @@ class ColumnChartModel extends BaseChartModel 'onColumnClickEventName' => $this->onColumnClickEventName, 'opacity' => $this->opacity, 'isMultiColumn' => $this->isMultiColumn, + 'isStacked' => $this->isStacked, 'data' => $this->data->toArray(), ]); } @@ -107,6 +120,8 @@ class ColumnChartModel extends BaseChartModel $this->isMultiColumn = data_get($array, 'isMultiColumn', false); + $this->isStacked = data_get($array, 'isStacked', false); + $this->data = collect(data_get($array, 'data', [])); } }