| | |
| | | }, |
| | | methods: { |
| | | initChart() { |
| | | const sortedKeys = Object.keys(this.acitveData.state) |
| | | .sort(); // 按照字符串的字典序对键进行排序 |
| | | const option = { |
| | | legend: { |
| | | right: 'right', |
| | |
| | | tooltip: {}, |
| | | xAxis: { |
| | | type: 'category', |
| | | data: Object.keys(this.acitveData.state), |
| | | data: sortedKeys, |
| | | }, |
| | | yAxis: {}, |
| | | series: [ |
| | | { |
| | | name: '正常数', |
| | | data: Object.entries(this.acitveData.state).map(([key, value]) => value), |
| | | data: sortedKeys.map(key => this.acitveData.state[key]), |
| | | type: 'line', |
| | | itemStyle: { |
| | | color: 'rgba(62, 144, 247, 1)' |
| | |
| | | }, |
| | | { |
| | | name: '异常数', |
| | | data: Object.entries(this.acitveData.state2).map(([key, value]) => value), |
| | | data: sortedKeys.map(key => this.acitveData.state2[key]), |
| | | type: 'line', |
| | | itemStyle: { |
| | | color: 'rgba(85, 192, 191, 1)' |