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 Query

More Query from same tag