如何在 *** 上创建“拖放选择”图表？

Posted 2023-05-09

【中文标题】如何在 *** 上创建“拖放选择”图表？

【英文标题】：How to create "drag and select" chart like on ***?

【发布时间】：2012-01-07 23:10:33

【问题描述】：

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

案例一：

案例 2：

有什么想法吗？

【问题讨论】：

从谷歌图表code.google.com/intl/sl-SI/apis/chart和Highchartshighcharts.com查找API

@Rumplin - 谢谢，谷歌图表看起来很棒，我去看看......还有其他想法吗？

【参考方案1】：

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

【讨论】：

谢谢，HighCharts 很好看，但不是开源的，你知道开源的纯 jquery 插件吗？

有什么便宜的吗？对于一个控件来说，这个看起来太贵了。

【参考方案2】：

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

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

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

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

希望对你有帮助

【讨论】：

图表Js中可以吗

谢谢你，现在竟然有这个了。