可编辑的 javascript 图表 - 以交互方式调整条形图或饼图部分的大小

Posted 2023-02-22

【中文标题】可编辑的 javascript 图表 - 以交互方式调整条形图或饼图部分的大小

【英文标题】：Editable javascript chart - interactively resize bars or pie sections

【发布时间】：2011-11-30 06:58:12

【问题描述】：

我需要一个可以绘制图表的库或框架插件，这些图表可以通过调整图表本身的一部分大小来实时修改。有这种事吗？

我打算用它来调整图表值。主要用于控制金额分配。

例如。你有 4 个小时，你有 5 种不同类型的任务。我希望用户能够为每项任务分配时间，并直观地看到对可用时间的影响。

【问题讨论】：

嗨，你有没有发现什么有价值的东西？足够多的图表以显示某些事件的形式提供编辑支持，很少 - 确实支持它。我正在寻找对拖动控制点的开箱即用支持（注意，使用装饰器修改曲线是另一回事）。干杯！

我没有。可能是因为它不是很好用。或者目前没有。编辑：有 one editable pie chart 但仅适用于手机，部分适用于 webkit 浏览器。

我知道是 2018 年，但是.. 你有什么发现吗？ :)

@Victor nope :)

【参考方案1】：

我认为Visually Editable Charts of Fusion Charts 是您正在寻找的。​​p>

【参考方案2】：

我们将来自http://code.google.com/apis/chart/ 的各种图表用于我们的网络应用程序，效果很好。

图表会加载一次，并在用户每次更改值时刷新，并通过他们的 javascript API 实时使用新数据。

【讨论】：

我认为您没有完全理解：可以通过调整图表本身的部分大小来实时修改的图表。我不会额外控制。我希望图表成为数据的控件。

【参考方案3】：

gRaphael 应该是最受欢迎的：

http://g.raphaeljs.com/

我可以推荐 HighCharts：

http://www.highcharts.com/

【讨论】：

我一直在使用 highcharts。它制作精良，文档也很棒。

@nambrot，我没有看到所需的功能。重复我自己，但显然是必要的：可以通过调整部分图表本身的大小来实时修改图表。我不会额外控制。我希望图表成为数据的控件。

【参考方案4】：

找到了几个选项：http://jamesalvarez.co.uk/uncategorized/draggable-piechart-js-class 和 http://www.shodor.org/interactivate/activities/PieChart/。 第一个看起来最有前途。