diff --git a/src/components/EqValueGraph.vue b/src/components/EqValueGraph.vue index e2fb510..7004e56 100644 --- a/src/components/EqValueGraph.vue +++ b/src/components/EqValueGraph.vue @@ -171,21 +171,6 @@ export default { }) onMounted(() => { - data.team.push(getTeamPlayer(store.state.matchDetails.stats, 1)) - data.team.push(getTeamPlayer(store.state.matchDetails.stats, 2)) - - parseObject() - }) - - watch(() => data.rounds, () => { - data.eq_team_1 = sumArr(data.eq_team_player_1) - data.eq_team_2 = sumArr(data.eq_team_player_2) - - const valueList = BuildGraphData(data.eq_team_1, data.eq_team_2, max_rounds) - - const dataList = Array.from(Array(valueList.length + 1).keys()) - dataList.shift() - if (store.state.matchDetails.stats) { echarts.use([ TitleComponent, @@ -197,12 +182,27 @@ export default { UniversalTransition, MarkAreaComponent ]); + myChart1 = echarts.init(document.getElementById('economy-graph'), {}, {width: 1200, height: 400}) - myChart1 = echarts.init(document.getElementById('economy-graph'), {}, {width: 1200, height: 400}); + data.team.push(getTeamPlayer(store.state.matchDetails.stats, 1)) + data.team.push(getTeamPlayer(store.state.matchDetails.stats, 2)) + + parseObject() } - - myChart1.setOption(optionGen(dataList, valueList)); }) + + watch(() => data.rounds, () => { + data.eq_team_1 = sumArr(data.eq_team_player_1) + data.eq_team_2 = sumArr(data.eq_team_player_2) + + const valueList = BuildGraphData(data.eq_team_1, data.eq_team_2, max_rounds) + + const dataList = Array.from(Array(valueList.length + 1).keys()) + dataList.shift() + + myChart1.setOption(optionGen(dataList, valueList)) + }) + } }