当鼠标移动时,我希望能够动态突出鼠标当前所在的2个刻度之间的区域。
所以如果我的x轴是
1 --- 2 --- 3 --- 4
当鼠标位置在x轴上某处1到2之间时,1到2之间的整个区域应该用不同的颜色突出显示。
我还没有看到这个功能的任何例子。我对实施的猜测是:
- 记住2个刻度之间的距离 - 绘制宽度设置为该距离的高亮矩形
当鼠标移动时: - 找到最近的刻度到当前鼠标位置 - 如果最接近的标记是鼠标左侧,则从该标记开始定位矩形 - 如果最近的刻度位于右侧,则将矩形的末端定位在该刻度线上。
我想知道是否已经存在D3.js本身的东西会使这更容易。