我的页面上有一些图表。当用户将光标拖到图片上时,我想在图表上显示一条水平线。
上面的一个是起点,后者显示了当用户将光标指向图形时会发生什么。当它在图像上时,该线应与光标保持在同一水平线上。
例如,这可以通过 Javascript 实现吗?
我的页面上有一些图表。当用户将光标拖到图片上时,我想在图表上显示一条水平线。
上面的一个是起点,后者显示了当用户将光标指向图形时会发生什么。当它在图像上时,该线应与光标保持在同一水平线上。
例如,这可以通过 Javascript 实现吗?
它是,例如,您需要一个位于光标 Y 值处的 div 框,其绿色边框为 1px。位置必须设置为绝对。但是你不能直接在图像中绘画。
您可以使用 D3,并基于 svg 来绘制图形和悬停线,您还可以添加其他图形组件进行交互,例如滑块选择子间隔放大,更改标签等。
以此为例进行开发: http: //mpf.vis.ywng.cloudbees.net/
(可以拖动黄色条,点击图例;源码点击github fork me)