我有一个使用 Chart.js 库构建的简单线性图表。
我想允许用户拖动图表上的点以动态更改它的数据。我绑定了 chartjs-plugin-draggable 但它只适用于注释。我需要这样的图表:
https://www.rgraph.net/canvas/docs/adjusting-line.html
但是在项目中使用新的图形库不是很好的解决方案:(
我也试着玩点事件。
更新:
也许如果没有办法将拖放添加到点,将有一个 hack 将具有绝对位置的“滑块”放在点位置上的图形上。我也没有找到任何信息:(
原文由 Arti 发布,翻译遵循 CC BY-SA 4.0 许可协议
如果有人正在寻找不需要使用插件的解决方案,那么在 vanilla
chart.js
中进行操作非常简单。这是一个简单的工作示例 - 只需单击并拖动一个数据点