echarts ÇúÏßÃæ»ý¶Ô±Èͼ

<div echarts [options]="option" class="echarts" id="main"></div>

option = {
          /!*title: {
              text: 'Êý¾Ý¶Ô±È',
              // subtext: '´¿ÊôÐé¹¹'
          },*!/

          tooltip: {
            trigger: 'axis'
          },

          legend: {
            data: ['±¾ÔÂ', 'ÉÏÔÂ']
          },

          toolbox: {
            show: true,
          },

          calculable: true,

          xAxis: [
            {
              type: 'category',
              boundaryGap: false,
              // data : ['1','2','3','4','5','6','7','8','9','10'],
              // show: false
            }
          ],

          yAxis: [
            {
              type: 'value',
              // show: false
            }
          ],

          series: [
            {
              name: '±¾ÔÂ',
              type: 'line',
              smooth: true,
              itemStyle: {normal: {areaStyle: {type: 'default'}}},
              data: this.data[0].current
            },

            {
              name: 'ÉÏÔÂ',
              type: 'line',
              smooth: true,
              itemStyle: {normal: {areaStyle: {type: 'default'}}},
              data: this.data[1].pre
            },

          ]

        };