HighCharts - постоянная всплывающая подсказка для сплошного датчика

#highcharts

Вопрос:

Итак, я использую твердую диаграмму Highcharts в качестве кругового индикатора выполнения. Он работает очень хорошо, за исключением одной вещи; всплывающие подсказки. Я бы хотел, чтобы всплывающая подсказка постоянно находилась внутри диаграммы, как показано на изображении, но, похоже, я не могу найти ничего в API и документации или в Google, если на то пошло, что помогло бы мне сделать ее видимой постоянно. Прямо сейчас мне нужно навести курсор на него, что для моих целей не идеально.

Я использую solidgauge-type просто потому, что не смог найти более подходящий тип для этого, и я просто хотел придерживаться Highcharts.

Любая помощь приветствуется!

Сплошная диаграмма

Ответ №1:

Вы можете использовать dataLabels для отображения требуемого значения внутри диаграммы solidgauge.

   series: [{
    name: 'Speed',
    data: [80],
    dataLabels: {
      y: -20,
      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>'
    },
  }]

Демонстрация: https://jsfiddle.net/BlackLabel/g724szmc /

API: https://api.highcharts.com/highcharts/series .solidgauge.Метки данных