1

PC-20250623MANY\Administrator

2025-07-08 2f6a967029c293b550e5cb8e39de9ae08b345d44

 src/page/home/components/echart.vue

@@ -19,10 +19,18 @@
    data () {
      return {
        myChart:"",
      value: Math.random() * 1000,
      now: new Date(1997, 9, 3),
      oneDay: 24 * 3600 * 1000,
      };
    },
    methods: {
      initCharts () {
      let data = []
      for (var i = 0; i < 1000; i++) {
        data.push(this.randomData());
      }

        var chartDom = document.getElementById('main'+this.ids);
       var myChart = echarts.init(chartDom, 'dark');
        var option;
@@ -58,16 +66,20 @@
              y:0,
              x2: 0,
              y2: 1,
              colorStops: [{
          colorStops: [
            {
                  offset: 0, color: greenOrRed    // 0% 处的颜色
              }, {
            }, 
            {
                  offset: 1, color: greenOrReds   // 100% 处的颜色
              }],
            }
          ],
              globalCoord: false // 缺省为 false
          },
          series: [
            {
              data: [820, 932, 901, 934, 1000, 900, 1320,820, 932, 901, 934, 1000, 900,],
            // data: [820, 932, 901, 934, 1000, 900, 1320, 820, 932, 901, 934, 1000, 900,],
            data,
              type: 'line',
              areaStyle: {}
            }
@@ -75,6 +87,17 @@
        };

        option && myChart.setOption(option);
    },
    randomData() {
      this.now = new Date(+this.now + this.oneDay);
      this.value = this.value + Math.random() * 21 - 10;
      return {
        name: this.now.toString(),
        value: [
          [this.now.getFullYear(), this.now.getMonth() + 1, this.now.getDate()].join('/'),
          Math.round(this.value)
        ]
      };
      }
    },
    mounted () {