4

我的页面上有一些图表。当用户将光标拖到图片上时,我想在图表上显示一条水平线。

在此处输入图像描述

上面的一个是起点,后者显示了当用户将光标指向图形时会发生什么。当它在图像上时,该线应与光标保持在同一水平线上。

例如,这可以通过 Javascript 实现吗?

4

2 回答 2

5

它是,例如,您需要一个位于光标 Y 值处的 div 框,其绿色边框为 1px。位置必须设置为绝对。但是你不能直接在图像中绘画。

于 2012-12-02T12:02:17.487 回答
0

您可以使用 D3,并基于 svg 来绘制图形和悬停线,您还可以添加其他图形组件进行交互,例如滑块选择子间隔放大,更改标签等。

以此为例进行开发: http: //mpf.vis.ywng.cloudbees.net/

(可以拖动黄色条,点击图例;源码点击github fork me)

于 2013-08-14T14:37:05.457 回答