vue页面用到echarts

      //统计绘画
      drawLine() {
        var echarts = require('echarts');
        // 基于准备好的dom,初始化echarts实例
        let myChart = echarts.init(document.getElementById('myChart'))
        // 绘制图表
        myChart.setOption({
          xAxis: {
            type: 'category',
            name: '日期',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
          },
          yAxis: {
            name: '金额',
            type: 'value'
          },
          legend: {
            data: ['收入', '支出']
          },
          series: [{
            name: '收入',
            data: [820, 932, 901, 934, 1290, 1330, 1320],
            type: 'line'
          },
            {
              name: '支出',
              data: [80, 92, 91, 34, 190, 130, 120],
              type: 'line'
            }
          ]
        });
      },

 

你可能感兴趣的:(vue页面用到echarts)