使用Highcharts编辑可拖动点

jei2mxaa 于 12个月前发布在 Highcharts

关注(0)|答案(1)|浏览(243)

我在网上看到过关于如何在highcharts中创建可拖动点的例子，但我似乎找不到一个如何将可拖动功能作为编辑点所在位置的方法的例子，以及如何使用文本框（工具提示）作为一种编辑点数据的方法。我一直在阅读文档，似乎找不到一种方法。我能想到的唯一方法是happen是在tooltip函数中使用自定义的html表格代码，但我似乎无法让它工作。我真正想要的是在一天结束时允许用户编辑数据点的两种方法：或者通过拖动该点，或手动将数据输入字段（最好是当他们悬停在数据点上时的工具提示）。有人有任何建议或知道这是否可能吗？我已经尝试了许多搜索在线和堆栈溢出，并没有任何成功找到的人谁已经能够做到这一点，但.你的帮助是赞赏提前像往常一样。

highcharts

来源：https://stackoverflow.com/questions/77649580/edit-draggable-points-using-highcharts

1条答案

按热度按时间

ee7vknir1#

使用Highcharts非常简单。您只需要找到正确的点并更新其数据值。例如：

const yInput = document.getElementById('yVal');

document.getElementById('applyInputValue').addEventListener('click', (e) => {
  const selectedPoint = chart.series[0].points.find(p => p.selected);

  if (selectedPoint) {
    selectedPoint.update({
      y: +yInput.value
    });
  }
});

字符串

现场演示：https://jsfiddle.net/BlackLabel/ygL7t23u/
**API引用：**https：api.highcharts.com/class-reference/Highcharts.Point#update

赞(0）回复(0）举报 12个月前

我来回答

使用Highcharts编辑可拖动点

1条答案

相关问题

热门标签

最新问答