D3.js有一种方法可以突出显示2个x轴刻度之间的区域

时间:2014-03-31 22:00:07

标签: javascript d3.js

当鼠标移动时,我希望能够动态突出鼠标当前所在的2个刻度之间的区域。

所以如果我的x轴是

1 --- 2 --- 3 --- 4

当鼠标位置在x轴上某处1到2之间时,1到2之间的整个区域应该用不同的颜色突出显示。

我还没有看到这个功能的任何例子。我对实施的猜测是:

- 记住2个刻度之间的距离 - 绘制宽度设置为该距离的高亮矩形

当鼠标移动时: - 找到最近的刻度到当前鼠标位置 - 如果最接近的标记是鼠标左侧,则从该标记开始定位矩形 - 如果最近的刻度位于右侧,则将矩形的末端定位在该刻度线上。

我想知道是否已经存在D3.js本身的东西会使这更容易。

0 个答案:

没有答案