score:1

Accepted answer

For adding extra text on the chart use Highcharts. SVGRenderer

API Reference: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer

Sample code:

  chart: {
    type: 'funnel',
    events: {
      render: function() {
        let chart = this,
          point1 = chart.series[0].points[4],
          x = point1.dlBox.x + point1.dlBox.bottomWidth + chart.plotLeft + 1,
          y = point1.dlBox.y + chart.plotTop - point1.dlBox.height;

        if (!chart.myCustomText) {
          chart.myCustomText = chart.renderer
            .text('1% <br> Did')
            .css({
              fontSize: '10px',
              zIndex: '3px'
            })
            .add();
        }

        //pdate text coordinates
        chart.myCustomText.attr({
          x: x,
          y: y
        })
      }
    }
  },

Demo: https://jsfiddle.net/BlackLabel/kLyt6ngs/


Related Articles