Выделение триггерной гистограммы/круговой диаграммы при наведении курсора на внешний элемент [chart.js / chart js] [AngularJS] [angular-chart.js]

Я использую angular-chart.js для создания панели инструментов. Вместо использования встроенной легенды на холсте я создал свою собственную и использую ng-repeat для динамического создания меток с соответствующими цветами.

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

Я подумал, что, возможно, если я смогу найти, какое событие запускает событие всплывающей подсказки, я смогу манипулировать этим и создать выражение ng-mousover...

это вообще возможно?

Спасибо, Эмад


chart.js angularjs angular-chart
person Emad Haddad    schedule 20.06.2016    source источник

Ответы (2)


arrow_upward
-1
arrow_downward

Не совсем то же самое, но кто-то опубликовал пример скрытия/отображения строки при нажатии на легенду: https://github.com/jtblin/angular-chart.js/issues/70

В Chart.js 2.x есть поддержка события onclick, а также в легенде нечто подобное: http://www.chartjs.org/docs/#chart-configuration-legend-configuration

person jtblin    schedule 22.06.2016

arrow_upward
-1
arrow_downward 

color: [
  {
    backgroundColor: ['#92d06f', '#73c8b8', '#3bb9ab'],
    borderColor: 'rgba(255, 255, 255, 0)',
    hoverBackgroundColor: ['#92d06f', '#73c8b8', '#3bb9ab'],
    hoverBorderColor: ['#92d06f', '#73c8b8', '#3bb9ab'],
    hoverBorderWidth: 10,
    hoverRadius: 0

} ],

Он отлично работает при наведении курсора на активный сегмент в angular 2

person Vikram Ravichandran    schedule 30.11.2017