fuliqi
2024-12-25 301532b5c1cad2c1d45080bfef86579b20486bf5
src/views/home/data-chart/index.vue
@@ -43,6 +43,8 @@
  },
  methods: {
    initChart() {
      const sortedKeys  = Object.keys(this.acitveData.state)
        .sort(); // 按照字符串的字典序对键进行排序
      const option = {
        legend: {
          right: 'right',
@@ -74,13 +76,13 @@
        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)'
@@ -88,7 +90,7 @@
          },
          {
            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)'