一个chart有两个类型相似的view, 分别采用同一个数据源产生的两个dataView作为数据, 在这种场景下如何实现用一个slider同时影响两个view? 是否有参考案例推荐？谢谢！

[BillSun2080]

• G2 Version: 4.0.7

• Platform: Ant Design Pro

• Mini Showcase(like screenshots):
  

• CodePen Link: N/A

[BillSun2080]

附加另一个问题：chart/view 数据更新时，slider的数据如何保证更新？谢谢！

[hustcc]

暂时没有一个 slider 控制多个 view 的能力。这种情况，可以外置自己写一个 slider，然后在 slider 交互的时候去过滤两个 view 的数据。

[belldandy4ever]

项目中同样的需求，我的解决方案是：

1. 在最后一个view上，配置slider
2. 监听配置slider的view的afterpaint事件，更新其他view

代码看起来像是这样：

   const chart = new Chart({
      container: "container",
      width: 800,
      height: 400,
    });

    const view1 = chart.createView({
      region: {
        start: { x: 0, y: 0 },
        end: { x: 1, y: 0.5 },
      },
    });
    view1.data(data);
    view1.interval().position("time*money");

    const viewLast = chart.createView({
      region: {
        start: { x: 0, y: 0.5 },
        end: { x: 1, y: 1 },
      },
    });
    viewLast.data(data);
    viewLast.interval().position("time*money");
    viewLast.option("slider", {});
    viewLast.on("afterpaint", () => {
      view1.changeData(viewLast.filteredData);
    });

    chart.render();

希望能帮助到你：）

[dcy0701]

基本同意 @belldandy4ever 的方案。
也可以通过 Apply 方法调用changeViewData方法达到同样目的。
源码里全是 this.view

chart.on(
      'slider:valuechanged',
      (ev) => {
        chart.getController('slider').changeViewData.apply(
          {
            view: mainView,
          },
          ev.event.value,
        );
      },
    );