Home › Forums › Feature Requests & Feedback › Add tooltip on legend labels › Reply To: Add tooltip on legend labels
Figured it out. Gotta use setter methods:
itemmouseover: function (e) { $(e.chart._canvasJSContainer).attr("title", "My custom tooltip"); console.log('mouseover'); e.chart.legend.set("fontColor", 'orange'); e.chart.legend.set("backgroundColor", 'blue'); e.chart.legend.set("borderColor", 'red'); e.chart.legend.set("borderThickness", 3); e.chart.legend.set("fontStyle", 'italic'); e.chart.legend.set("fontWeight", 'bold'); e.chart.render(); }, itemmouseout: function (e) { $(e.chart._canvasJSContainer).removeAttr("title"); console.log('mouseout'); e.chart.legend.set("fontColor", 'black'); e.chart.legend.set("backgroundColor", 'transparent'); e.chart.legend.set("borderColor", 'transparent'); e.chart.legend.set("borderThickness", 0); e.chart.legend.set("fontStyle", 'normal'); e.chart.legend.set("fontWeight", 'normal'); e.chart.render(); }