Accepted answer

The best way to add a custom element inside the legend is to use the legend.labelFormatter.

events: {
  render() {
    let chart = this,
      legendAttr =,
      padding = 5; = chart.renderer.text('| +', + legendAttr.width + padding, chart.spacingBox.height + padding / 2).attr({
      cursor: 'pointer',
      fontSize: 20
      function() {
        alert('plus was clicked')

API References:,



I decided to just get rid of the title and add custom css to the top of it.

Related Query

More Query from same tag