apoloz/livewire-charts
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added ability to add custom categories to xAxis

Browse Source
This commit is contained in:
Andrés Santibáñez
2020-11-06 23:50:51 -05:00
parent 0aedf541a9
commit 1e7ac1bffb
3 changed files with 17 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/views/livewire-line-chart.blade.php
View File

@@ -26,7 +26,9 @@
data: data.map(item => item.value),
}]
const categories = data.map(item => item.title)
const categories = component.get('lineChartModel.xAxis.categories').length > 0
? component.get('lineChartModel.xAxis.categories')
: data.map(item => item.title)
const options = {
series: series,
@@ -65,7 +67,7 @@
},
xaxis: {
...component.get('lineChartModel.xAxis') || {},
labels: component.get('lineChartModel.xAxis.labels'),
categories: categories,
},

6
resources/views/livewire-multi-line-chart.blade.php
View File

@@ -28,7 +28,9 @@
}
})
const categories = []
const categories = component.get('lineChartModel.xAxis.categories').length > 0
? component.get('lineChartModel.xAxis.categories')
: data[series[0].name].map(item => item.title)
const options = {
series: series,
@@ -68,7 +70,7 @@
},
xaxis: {
...component.get('lineChartModel.xAxis') || {},
labels: component.get('lineChartModel.xAxis.labels'),
categories: categories,
},

10
src/Models/HasAxis.php
View File

@@ -10,7 +10,7 @@ trait HasAxis
private $yAxis;
public function initAxis()
protected function initAxis()
{
$this->xAxis = $this->defaultXAxis();
$this->yAxis = $this->defaultYAxis();
@@ -19,6 +19,7 @@ trait HasAxis
private function defaultXAxis()
{
return [
'categories' => [],
'labels' => [
'show' => true,
],
@@ -39,6 +40,13 @@ trait HasAxis
return $this;
}
public function setXAxisCategories($categories = [])
{
data_set($this->xAxis, 'categories', $categories);
return $this;
}
public function setYAxisVisible($visible)
{
data_set($this->yAxis, 'show', $visible);