Trigger bar/pie graph highlight when hovering over an external element [chart.js / chart js] [AngularJS] [angular-chart.js]

πŸ‘:-1

Not exactly, the same but someone posted an example of hiding / showing line on legend click: https://github.com/jtblin/angular-chart.js/issues/70

In Chart.js 2.x, there is support for an onclick event as well on the legend to something similar: http://www.chartjs.org/docs/#chart-configuration-legend-configuration

πŸ‘:-1

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

}
],

It works fine when mouse over on active segment in angular 2

Leave a comment