时间戳

首页 > 解决方案 > HighCharts - 实体仪表上的永久工具提示

highcharts - HighCharts - 实体仪表上的永久工具提示

问题描述

所以，我使用 Highcharts 的solidgauge-chart 作为圆形进度条。除了一件事，它工作得非常好；工具提示。我希望将工具提示永久保存在图表中，如图所示，但我似乎无法在 API 和文档或 Google 上找到任何内容，这有助于我将其设置为永久可见。现在我需要将光标悬停在它上面，就我的目的而言，这并不理想。

我使用solidgauge-type 只是因为我找不到更合适的类型，我只想坚持使用Highcharts。

任何形式的帮助表示赞赏！

实心仪​​表 - 图表

标签： highcharts

解决方案

您可以使用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.dataLabels

推荐阅读