score:1

Series bubble events give you possibility to change format at dataLabels. You can update them with the point events state, e.g. mouseover, and add a condition for more control.

  plotOptions: {
    series: {
      dataLabels: {
        enabled: true,
      },
      point: {
        events: {
          mouseOver() {
            if (this.x >= 80) {
              console.log(this.series.dataLabels);
              this.series.update({
                dataLabels: {
                  format: 'Very long text!'
                }
              })
            } else {
              this.series.update({
                dataLabels: {
                  format: 'text!'
                }
              })
            }

          }
        }
      }
    },
  },

demo: https://jsfiddle.net/BlackLabel/b2L3duoc/


Related Articles