带有4个图表网格的Echarts datazoom

问题描述

我有一个eChart网格布局，其中包含4个堆积的条形图，无法弄清楚如何分配datazoom（我也没有在线找到此示例）。

当我将datazoom放在系列之前时，我确实得到了一个缩放控制器，但只在其中一张图表上...

dataZoom: [{type: 'inside',start: 50,end: 100},{start: 50,end: 100 }
          }],series: [{type: 'scatter'...

我现在不会发布代码（很大），希望有人可以告诉我将datazoom节点放在哪里。

解决方法

我不知道为什么您的图表无法正常工作。没有示例且数据复杂，您仅需要致电算命先生即可。一般来说，is_dynamic_op=False可以很容易地附加到系列上。

datazoom

  var myChart = echarts.init(document.getElementById('main'));

  var option = {
    xAxis: [{
        type: 'category',gridIndex: 0
      },{
        type: 'category',gridIndex: 1
      }
    ],yAxis: [{
        gridIndex: 0
      },{
        gridIndex: 1
      }
    ],dataset: {
      source: [
        ['product','2012','2013','2014','2015','2016','2017'],['Matcha Latte',41.1,30.4,65.1,53.3,83.8,98.7],['Milk Tea',86.5,92.1,85.7,83.1,73.4,55.1],['Cheese Cocoa',24.1,67.2,79.5,86.4,65.2,82.5],['Walnut Brownie',55.2,67.1,69.2,72.4,53.9,39.1]
      ]
    },grid: [{
        bottom: '55%'
      },{
        top: '55%'
      }
    ],series: [{
      type: 'bar',xAxisIndex: 1,yAxisIndex: 1,encode: {
        x: 'product',y: '2012'
      }
    },{
      type: 'bar',y: '2013'
      }
    },stack: 'st1',y: '2014'
      }
    },y: '2015'
      }
    }],dataZoom: [{
        type: 'slider',show: true,xAxisIndex: [0,1],start: 1,end: 70
      },{
        type: 'inside',end: 35
      },],};

  myChart.setOption(option);

echarts echarts series series