fix-attempt for damage chart not loading initially

This commit is contained in:
cnachtigall1991
2021-10-17 01:56:49 +02:00
parent 0fb2371c60
commit 6ffd7685ab
3 changed files with 28 additions and 26 deletions

View File

@@ -38,7 +38,7 @@ export default {
}
}
const optionGen = (stats, team) => {
const optionGen = (team) => {
return {
tooltip: {
trigger: 'axis',
@@ -66,7 +66,7 @@ export default {
axisTick: {
show: false
},
data: getPlayerArr(stats, team)
data: getPlayerArr(store.state.matchDetails.stats, team)
}
],
series: [
@@ -80,7 +80,7 @@ export default {
emphasis: {
focus: 'series'
},
data: dataArr(stats, team, 'team')
data: dataArr(store.state.matchDetails.stats, team, 'team')
},
{
name: 'Enemy',
@@ -93,12 +93,14 @@ export default {
emphasis: {
focus: 'series'
},
data: dataArr(stats, team, 'enemy')
data: dataArr(store.state.matchDetails.stats, team, 'enemy')
}
]
}
}
let myChart1, myChart2
onMounted(() => {
if (store.state.matchDetails.stats) {
echarts.use([
@@ -109,13 +111,11 @@ export default {
CanvasRenderer
]);
let myChart1 = echarts.init(document.getElementById('dmg-chart-1'), {}, {width: 1000, height: 300});
let myChart2 = echarts.init(document.getElementById('dmg-chart-2'), {}, {width: 1000, height: 300});
let option1 = optionGen(store.state.matchDetails.stats, 1)
let option2 = optionGen(store.state.matchDetails.stats, 2)
myChart1 = echarts.init(document.getElementById('dmg-chart-1'), {}, {width: 1000, height: 300});
myChart2 = echarts.init(document.getElementById('dmg-chart-2'), {}, {width: 1000, height: 300});
myChart1.setOption(option1);
myChart2.setOption(option2);
myChart1.setOption(optionGen(1));
myChart2.setOption(optionGen(2));
}
})
}