羡辙部落格的第一个年头echarts 折线配置项内容和展示

配置项如下
      option = {
    title: {
        text: '羡辙部落格的第一个年头'
    },
    yAxis: {
        interval: 0,
        data: [
          '2016 读书小结', 
          '读书,以消遣的名义', 
          '这可能是最简陋的 Minecraft 建筑', 
          '羡辙姐来拜年啦!',
          '微型小说 · 宝子姑娘',
          '微型小说 · 对策', 
          '微型小说 · 继承人', 
          '微型小说 · 生财之道', 
          '烧书,始皇之功也',
          '代码江湖救急(上)',
          '代码江湖救急(下)',
          '草坪读书随想',
          '微型小说 · 教训',
          '拍日出记',
          '节日快乐,姑娘们',
          '阿姨,来碗酒酿,会醉的那种',
          '最后的毕业,最初的就业',
          '青春作伴,何必读研',
          '第一期中国好问题',
          '第一期中国好问题颁奖典礼',
          '第二期中国好问题',
          '第二期中国好问题颁奖典礼',
          '最长情的告白',
          '再给我划一次难点好不好?',
          '羡辙入职记',
          '第一笔工资怎么花?',
          '来说说你眼中的羡辙',
          '我喜欢读书',
          '五千块 logo 的庐山真面目',
          '第三期中国好问题',
          '快意当前,适观而已',
          '羡辙读古文',
          '前端可视化的测试实践',
          '既然大家都很好奇……',
          '粽子节快乐',
          '过敏这件可大可小的事',
          '小提琴',
          '羡辙教你写情书',
          '遍身罗绮者,不是养蚕人',
          '改变历史的正义性与效用性讨论',
          '如何优雅地参加技术分享会?',
          '赏你一枚月饼',
          '饮料与书籍',
          '辙迹书摘(一)',
          '辙迹书摘(二)'
        ]
    },
    xAxis: [{
      name: '阅读量',
      nameGap: 25,
      nameLocation: 'end',
      axisTick: {
        show: false
      },
      axisLabel: {
        textStyle: {
          color: '#D0648A'
        }
      }
    }, {
      name: '赞赏金额',
      nameGap: 25,
      nameLocation: 'end',
      axisTick: {
        show: false
      },
      axisLabel: {
        textStyle: {
          color: '#22C3AA'
        }
      },
      splitLine: {
        show: false
      }
    }],
    series: [{
      name: '阅读量',
      type: 'line',
      lineStyle: {
        normal: {
          color: '#D0648A',
          width: 3
        }
      },
      itemStyle: {
        normal: {
          color: '#D0648A',
          borderWidth: 2
        }
      },
      symbolSize: 6,
      data:[701, 628, 386, 503, 292, 204, 187, 160, 284,
            467, 210, 342, 230, 421, 371, 570, 997, 788,
            383, 464, 425, 445, 504, 582, 847, 720, 579,
            683, 878, 414, 426, 392, 849, 930, 432, 552,
            578, 556, 384, 175, 767, 402, 572, 589, 373
           ]
    }, {
      name: '赞赏金额',
      type: 'bar',
      itemStyle: {
        normal: {
          color: '#22C3AA'
        }
      },
      data: ['-', '-', '-', '-', '-', '-', '-', '-', '-',
            '-', '-', '-', '-', '-', '-', '-', '-', '-',
            '-', '-', 23, 12, 9, 70.29, 68, 0, 0,
            0, 0, 5.2, 8, 50.52, 80, 0, 0, 12,
            2, 105.98, 0, 40.22, 20, 0, 78, 0, 0],
      xAxisIndex: 1
    }],
    legend: {
      data: ['赞赏金额', '阅读量'],
      top: 30
    },
    grid: {
      left: 200,
      top: 80,
      right: 75
    }
};
    
截图如下