【问题标题】:HighCharts - Permanent tooltip on solid gaugeHighCharts - 实体仪表上的永久工具提示
【发布时间】:2020-11-02 17:15:25
【问题描述】:

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

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

感谢任何形式的帮助!

Solid gauge -chart

【问题讨论】:

    标签: 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.dataLabels

    【讨论】:

    • 该死的。我尝试了数据标签,但我不知道它们可以设置样式。多么好的,简单的解决方案。非常感谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-07-14
    • 2014-03-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-28
    相关资源
    最近更新 更多