如何在鼠标悬停时显示数据标签工具提示

时间:2018-11-12 08:35:26

标签: charts highcharts

enter image description here

在上图中,当我将鼠标置于危急状态时,需要显示工具提示,但是100和10分别具有不同的工具提示。我尝试如下:

$scope.drawGaugeChart = function(id, health_value, event_score, health_value_tooltip, event_score_tooltip){
    var chartSpeed = Highcharts.chart('container-speed-' + id, Highcharts.merge($scope.gaugeOptions, {
        credits: {
            enabled: false
        },
        yAxis: {
            title: {
                userHTML:true,
                  text: '<span data-toggle="tooltip" title=' + health_value_tooltip + '>Critial Health: ' + health_value + '(' +
                        '<span data-toggle="tooltip" title=' + event_score_tooltip + '>'  + event_score + ')</span></span>',
                  y:60
              },
        },
          series: [{
              name: 'Critical Health',
              data: [health_value],
          }]
    }));
  };

以上代码不起作用?请帮助我。

0 个答案:

没有答案