使用Angular nvd3指令使用一个焦点图表更新多个图表

Question

我正在尝试创建一个仪表板，其中所有内容都由一个焦点图表控制。

例如，如果您在这里查看了plunker：http://plnkr.co/edit/waXnb57OKA9vkrZzNtrm?p=preview那么您将在顶部看到“nvd3-line-with-focus-chart”，并在底部看到“nvd3-cumulative-line-chart” 。

 <nvd3-line-with-focus-chart
          data="exampleData"
          id="exampleId"
          width="400"
          height="300"
          height2="50"
          x="xFunction()" 
          y="yFunction()"
          forceY="[0]"
          interactive="true"
          tooltipcontent="toolTipContentFunction()">
            <svg></svg>
        </nvd3-line-with-focus-chart>

 <nvd3-cumulative-line-chart data="exampleData"
                id="exampleChart2"
                showXAxis="true"
                showYAxis="true"
                tooltips="true"
                interactive="true"
                margin="{left:80,top:10,bottom:30,right:50}"
                isArea="true"
                tooltip="true"
                x="xFunction()"
                y="yFunction()">
        </nvd3-cumulative-line-chart>

我想知道如何基于第一个焦点图表（“nvd3-line-with-focus-chart”）更新所选范围的“nvd3-cumulative-line-chart”？

此外，使用当前的angularjs-nvd3-directives库，是否可以在第一个显示屏上仅显示焦点图表？

感谢您的帮助！