在网页上与图表交互

时间:2016-06-19 16:30:12

标签: javascript plot

我想在html页面上绘制图形(图表),图形可以包含多个节点(子图形)。当用户单击某个节点时,我需要在页面的某处显示一些文本消息。这可以通过一些JavaScript绘图库来完成吗?谷歌搜索发现:

  • Google Charts
  • ChartJS
  • DS.js

等等。显然,它可以为我绘制照片,但我的问题是它是否可以响应用户的操作,即鼠标单击以显示图形的信息。我从来没有用过这个,请分享你的知识。

2 个答案:

答案 0 :(得分:1)

你可以试试d3.js.这是一个很好的库来绘制图形。使用d3.js

也可以使用鼠标点击等用户交互

答案 1 :(得分:0)

如果您是初学者,我建议您使用Chart.jsChartist.js,其他处理起来要复杂得多(尤其是D3.js )。

你的问题非常广泛。如果您希望能够与图中发生的用户操作进行交互,则应查看其文档中的事件部分和/或可能的回调。当a user is over an element

时,Chart.js就是一个很好的例子
  

onHover 当任何事件触发时调用。在图表的上下文中调用并传递一系列活动元素(条形,点等)

您可以在他们的文档中找到许多示例,并通过您最喜欢的搜索引擎进行快速研究。