多折线图-简单echarts 折线配置项内容和展示

多条折线图是的基本结构

配置项如下
       option = {
     title: {
         text: '多折线图-简单'
     },
     tooltip: {
         trigger: 'axis'
     },
     legend: {
         x:'right', // 默认在上面,
         orient: 'vertical', //  默认横排显示
         data: ['苹果', '香蕉']
     },
     xAxis: [{
         type: 'category',
         data: ['第一季度', '第二季度', '第三季度', '第四季度']
     }],
     yAxis: [{
         type: 'value'
     }],
     series: [{
         name: '苹果',
         type: 'line',
         data: [1270, 6382, 2091, 1034]
     }, {
         name: '香蕉',
         type: 'line',
         data: [2270, 3456, 5432, 3423]
     }]
 };
    
截图如下