[Vuejs]-Displaying marker with text in highchart gauge vuejs

by

0👍

I think that you should be able to center the data label position by setting the y property which will be relative to your chart height or by setting the dataLabels.verticalAlign property to bottom.

Demo: https://codesandbox.io/s/highcharts-vue-demo-8gwky?file=/src/components/Chart.vue

dataLabels: {
  //y: -80,
  verticalAlign: 'bottom',
  borderWidth: 0,
  useHTML: true,
  format: '<div style="text-align:center">' +
    '<span style="font-size:25px">{y}</span><br/>' +
    '<span style="font-size:12px;opacity:0.4">km/h</span>' +
    '</div>'
},

API: https://api.highcharts.com/highcharts/series.solidgauge.dataLabels.verticalAlign

Leave a comment