echarts如何实现一个页面同时显示多个图表？

Question

要和mysql连接，最好有源代码，非常感谢

var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};

var option;

option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: <?php echo $arr1; ?>,
      type: 'line'
    }
  ]
};

if (option && typeof option === 'object') {
    myChart.setOption(option);
}

这是目前的代码

Answer 1

一个页面多几个容器 。多个options就行
参考下面这个 给多个容器 即可 。echarts.connect 去掉即可

react中echarts让两个或多个图联动_崽崽的谷雨-CSDN博客_echarts多个折线图联动 前言：最近在做一个react项目，涉及到统计模块，让两个折线图一起联动，拖动一个，另一个跟着动。实现过程：效果图：就是拖动底下的滑块(echarts专业术语dataZoom)，上下两个图一起动。（不光dataZoom,tootltip等都可以联动）echarts专业术语手册可以看这个网址，具体查看。实现思路就是使用init实例化两个图表，然后用connect链接实现。具体配... https://blog.csdn.net/weixin_44058725/article/details/104802726