一个图表中放多个折线图

LYP_0320

于 2024-08-02 10:57:19 发布

阅读量34

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/LYP_0320/article/details/140867046

版权


option = {
  title: {
    text: "Anscombe's quartet",
    left: 'center',
    top: 0
  },
  grid: [
    { left: '7%', top: '7%', width: '38%', height: '38%' },
    { right: '7%', top: '7%', width: '38%', height: '38%' },
  ],
  tooltip: {
    trigger: 'axis'
  },
  xAxis: [
    { gridIndex: 0,data:['2024-07-26','2024-07-27','2024-07-28','2024-07-29','2024-07-30'] },
    { gridIndex: 1,data:['2024-07-26','2024-07-27','2024-07-28','2024-07-29','2024-07-30']   },
  ],
  yAxis: [
    { gridIndex: 0,},
    { gridIndex: 1,  },
  ],
  series: [
    {
      name: 'I',
      type: 'line',
      xAxisIndex: 0,
      yAxisIndex: 0,
      data: [20,40,50,100],
    },
    {
      name: 'II',
      type: 'bar',
      xAxisIndex: 1,
      yAxisIndex: 1,
      data: [204,40,50,100],
    },
  ]
};