多图联动

柱状图之间的联动





    "utf-8">

饼图与柱状图





    "utf-8">
    



    "main1" style="width: 600px; height:400px">
    "main2" style="width: 600px; height:400px">

饼图与折线联动


"en">

    "UTF-8">
    "viewport" content="width=device-width, initial-scale=1.0">
    "X-UA-Compatible" content="ie=edge">
    Document
    



    "main1" style="width: 600px;height: 400px;border: 1px solid black;"> 
    "main2" style="width: 600px;height: 400px;border: 1px solid black;">

分别设置了两个div容器用来容纳两张图表，每张表都有响应的option来设置图形配置项和数据

实现联动有两种方法:

（1）分别设置每个ECharts对象相同的group值，并通过调用ECharts对象的connect方法时传入的group值，从而使多个ECharts对象建立联动关系

（2）直接调用ECharts的connect方法,参数为由多个需要联动的ECharys对象组成的数组

web数据可视化

多图联动

相关

标签