Chart.js：更稀疏的可点击数据点

Question

我有一个 chart.js 折线图，有 128 个数据点。

目前，它使用此处的解决方案进行垂直拖放。

但这很麻烦。 我想将可点击/可编辑点限制在 30 个左右。

（理想情况下，它会对周围的值进行一些智能插值。）

任何想法如何实现这一目标？

    function move_handler(event)
{
    // locate grabbed point in chart data
    if (activePoint != null) {
        var data = activePoint._chart.data;
        var datasetIndex = activePoint._datasetIndex;

        // read mouse position
        const helpers = Chart.helpers;
        var position = helpers.getRelativePosition(event, myChart);

        // convert mouse position to chart y axis value
        var chartArea = window.myChart.chartArea;
        var yAxis = window.myChart.scales["y-axis-0"];
        var yValue = map(position.y, chartArea.bottom, chartArea.top, yAxis.min, yAxis.max);

        // update y value of active data point
        data.datasets[datasetIndex].data[activePoint._index] = yValue;


//        try {
//            for (let i = -5;i < 5;i++){
//                data.datasets[datasetIndex].data[activePoint._index + i] = yValue;
//            }
//        }
//        catch (err) {}

        window.myChart.update();
    };
};

Answer 1

我找到了成功的Smooth.js