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

Extracted multi line chart Blade view

Browse Source
This commit is contained in:
Andrés Santibáñez
2020-11-03 07:16:51 -05:00
parent 5e7cabfd16
commit 22b72c1980
3 changed files with 121 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -21,28 +21,12 @@
const data = component.get('lineChartModel.data');
const onPointClickEventName = component.get('lineChartModel.onPointClickEventName');
let series = []
let categories = []
const series = [{
name: title,
data: data.map(item => item.value),
}]
if (isMultiLine) {
series = Object.keys(data).map(key => {
return {
name: key,
data: data[key].map(item => item.value),
}
})
categories = []
}
if (!isMultiLine) {
series = [{
name: title,
data: data.map(item => item.value),
}]
categories = data.map(item => item.title)
}
const categories = data.map(item => item.title)
const options = {
series: series,
@@ -60,15 +44,8 @@
enabled: animated,
},
events: {
markerClick: function(event, chartContext, { seriesIndex, dataPointIndex }) {
markerClick: function(event, chartContext, { dataPointIndex }) {
if (!onPointClickEventName) {
return
}
if (isMultiLine) {
const seriesName = Object.keys(data)[Object.keys(data).findIndex((el, index) => index === seriesIndex)]
const point = data[seriesName][dataPointIndex]
component.call('onPointClick', point)
return
}