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

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

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();

希望能帮助到你：）

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

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