Добавить или выделить отдельные точки на графике jQuery? - PullRequest
1 голос
/ 10 октября 2011

Я уже нарисовал график с использованием некоторых данных:

    var plot = $.plot($("#placeholder"),
    [{
        data: data,
    }], {
        series: {
            points: {
                show: true
            }
        },
        grid: {
            hoverable: true,
        }
    });

Теперь я хотел бы выделить одну точку на графике, когда пользователь наводит курсор на элемент в другом месте на странице.

Я нашел этот вопрос , который объясняет, как полностью перерисовать серию с нуля, но есть ли способ выделить одну точку?

Или добавить новую точку другого цвета, которая будет иметь эффект выделения?

Примечание: когда пользователь наводит курсор на соответствующий элемент в другом месте страницы, у меня будут координаты x и y связанной точки, но не координаты пикселей на графике.

1 Ответ

2 голосов
/ 10 октября 2011

API предоставляет следующие методы:

Объект Plot, возвращаемый из функции plot, имеет несколько методов, которые вы можете вызвать:

  • выделение (серия, точка данных)

    Выделение определенной точки данных в ряду данных.Вы можете указать фактические объекты, например, если вы получили их из события plotclick, или вы можете указать индексы, например, highlight (1, 3), чтобы выделить четвертую точку во второй серии (помните, индексация на основе нуля)).

  • unhighlight (серия, точка данных) или unhighlight ()

    Удалите выделение точки, те же параметры, что и у подсветки.

    Если вывызовите unhighlight без параметров, например, как plot.unhighlight (), все текущие блики будут удалены.

...