如何创建＆＃34;拖动并选择＆＃34; Stackoverflow上的图表？

Question

如何创建类似的拖动并选择图表，或者使用哪个Jquery插件来复制此效果？图形必须读取某种值，以便它可以填充图表并具有起点和终点，现在，选择可以通过两种方式完成：1。拖动鼠标并选择值范围，或者，2。模仿图表起点的可拖动选择器？此解决方案可以在Jquery，JS，HTML5，CSS3或某些.net组件中完成......

案例1：

案例2：

恩伊的想法？

Answer 1

我喜欢使用Highcharts。检查这个演示，看看是否满足您的标准： http://www.highcharts.com/stock/demo/column

Answer 2

js https://dc-js.github.io/dc.js/

它基于d3.js和开源。它拥有您需要的一切。您甚至可以构建交互式图表。

如果您需要更多图表类型，可以尝试https://developers.google.com/chart/interactive/docs/gallery/annotationchart

我已经完成了这些拖曳组合的仪表板。通过它您可以提供良好的用户交互。

希望有所帮助