From cb3e4180a182b92a39d4ecf8eb09480ba7f4de17 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9s=20Santib=C3=A1=C3=B1ez?= Date: Fri, 6 Nov 2020 23:59:34 -0500 Subject: [PATCH] Added support for custom categories in Area Chart --- resources/views/livewire-area-chart.blade.php | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/resources/views/livewire-area-chart.blade.php b/resources/views/livewire-area-chart.blade.php index 095741a..efbb420 100644 --- a/resources/views/livewire-area-chart.blade.php +++ b/resources/views/livewire-area-chart.blade.php @@ -22,6 +22,11 @@ const onPointClickEventName = component.get('areaChartModel.onPointClickEventName') const data = component.get('areaChartModel.data'); + const categories = component.get('areaChartModel.xAxis.categories').length > 0 + ? component.get('areaChartModel.xAxis.categories') + : data.map(item => item.title) + ; + var options = { series: [{ name: title, @@ -66,7 +71,10 @@ labels: data.map(item => item.title), - xaxis: component.get('areaChartModel.xAxis') || {}, + xaxis: { + labels: component.get('areaChartModel.xAxis.labels'), + categories: categories, + }, yaxis: component.get('areaChartModel.yAxis') || {},