根据画笔选择自动调整d3.js图表​​y比例

时间:2016-11-08 14:16:11

标签: javascript d3.js d3.js-v4

我正在使用d3.js v4。

是否有更方便的方法来查找画笔选择的最小值和最大值。这是为了在我在下面的画笔区域选择一个句点时调整y轴的大小。

这是我的方法(当使用画笔时,所有内容都在我的函数内部调用):

  • 我找到了我选择的范围限制

    extent = d3.event.selection.map(chartComponent.x2().invert))
    
  • 然后我必须重做一个包含我所有选定点的数组:我继续每个点并将其与范围[0]或范围[1]进行比较,以查看它是否在限制范围内。我存储起点和终点索引,然后在原始数据上使用data.slice(开始,结束)来获得一个新数组。

  • 然后在新阵列上应用d3.min和d3.max以查找最小和最大级别。

  • 然后设置y轴以使用这些限制。

    chart.y().domain([chartComponent.ymin, chartComponent.ymax]);
    chart.yaxisGraph.call(chartComponent.yAxis(true));
    

有人有更好的主意吗?

0 个答案:

没有答案