Как мне реализовать линейный график с маркером скользящей точки в React? - PullRequest
Новая
       26

Как мне реализовать линейный график с маркером скользящей точки в React?

0 голосов
/ 17 июня 2019

Мне нужен график в моем приложении React, в котором есть одна точка, которую можно скользить по всей линии.Я пытался добиться этого с помощью Highcharts, но я мог найти только документацию, относящуюся к перетаскиваемому целому ряду.

Ниже показан код, который я использовал в качестве опций для HighCharts, пытающихся добиться эффекта перетаскивания.Перетаскивание точек в настоящее время применяется ко всем точкам на графике, а не к указанной точке.Он также перерисовывает всю строку, а не скользит по ней. 

    const options = {

        title: {
            text: 'Example line graph'
        },
        series: [{
            showInLegend: false,
            type: 'spline',
            data: array,
            dragDrop: {
                draggableX: true,
                draggableY: true,
                dragMinY: 0,
                dragMinX: 0,

                dragPrecisionX: 1,
                dragPrecisionY: 1,
                liveRedraw: false
            }
        }],
        xAxis: {
            title: {
                text: 'Distance'
            }
        },
        yAxis: {
            title: {
                text: 'Hours'
            }
        }
    }

Пример того, что я хочу, показан в этом видео: https://youtu.be/9Yh5AV9eNKk?t=89 Однако, это в React native, и яне уверен, как воспроизвести это в React.

...