javascript - 使用 Javascript (JQuery) 绘制交互式(dom 元素/对象)点

标签 javascript jquery jquery-ui

我正在尝试制作一个网页,我想在其中绘制可以关联鼠标事件 (Jquery) 的点。 所以,我想我希望它们成为 dom 对象,而不是仅仅绘制它们。 (请建议我们是否可以使用 html5 进行绘制并仍然将它们视为 dom 元素)

所以本质上我有一个带有 x,y 坐标的文本文件,我想绘制它们但想将 Jquery 事件与它们相关联。例如:左键单击它们会出现一个图表或右键单击它们会出现一个菜单,具体取决于我单击的节点。

最佳答案

恕我直言,用线和点编写 DOM 元素是一种非常愚蠢的方法。例如,您将如何制作一条圆线 - 您可以创建带有边框 CSS 样式的对 Angular 线但是.. 好吧 - 有很多选择!另一种方法可能是 Highslide。

jqueryui-可视化

jQuery top5 绘图工具

http://www.filamentgroup.com/lab/update_to_jquery_visualize_accessible_charts_with_html5_from_designing_with/

Demo

道场工具包

由于某种原因你已经用 dojo 标记了这个,查看这个博客条目;
http://www.sitepen.com/blog/2008/05/27/dojo-charting-event-support-has-landed/

2dChart Demo

Read about Scrolling / Zooming here

Zoom Demo

这是一个不错的小东西 introduction slideshow来自 apache 用户

关于javascript - 使用 Javascript (JQuery) 绘制交互式(dom 元素/对象)点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12444793/

相关文章:

javascript - 对话框中的长度错误

javascript - 在加载其他 View 之前, Angular 不显示 View

javascript - Onclick 调用函数不适用于我的一个 Div

php - 使用 jQuery AJAX 出现语法错误

javascript - 使用 SetInterval 添加缓动和增量值

javascript - jquery ui ajax 选项卡 - 重新加载选项卡或更改选项卡位置?

javascript - 在 html 中,如何在表单中添加额外的非提交按钮

javascript - 检测页面大小并在宽度低于 500px 时更改 css

javascript - jquery 动画循环不起作用?

javascript - 动态初始化 jQuery ui 小部件