Question

我需要帮助2件事。我的活动量表显示2个系列：环A和环B.

1）而不是默认工具提示，而系列名称和％显示在中间，同时将鼠标悬停在上面，我可以让它显示内圈（B）名称和％而不悬停在？当用户将鼠标悬停在外环（A）上时，它会显示外环的名称和％，并保持这种状态直到用户再次悬停在内环上？这更像是一种交换行为。

2）我还希望有一个常规工具提示（圆角矩形框，如饼图的工具提示），显示与每个环相关的文本字符串。

预期行为：当网页完成加载时，活动量表将在仪表设计的中间显示环B名称和％。当用户盘旋在环A上时，工具提示框显示一串描述环A的文本。当用户盘旋在环B上时，环B名称和％出现并停留在仪表设计的中间，工具提示框显示一串文本描述环B。

（我已经尝试了很多方法，因为我对js和highcharts的知识有限，我无法让它工作。请帮忙。）

Answer 1

在不知道确切图表代码的细节的情况下，这里有一些想法。

要在工具提示中获取额外文字，您可以创建数据系列，如：

data: [{
    name: 'Point 1',
    color: '#00FF00',
    y: 1,
    extraText: 'Some really neat long text containing some really important info'
}, {
    name: 'Point 2',
    color: '#FF00FF',
    y: 5,
    extraText: 'Some short text containing some really dull info'
}]

然后在工具提示中使用formatter：

tooltip: {
  formatter: function() {
    return 'The value for <b>' + this.key +
      '</b> is <b>' + this.y + '</b>' +
                '<br >' +
                this.point.extraText;
  }
},

此额外文字工具提示的实时Fiddle。

现在为了满足您条件中的第一项，我会将dataLabels与events结合使用并处理鼠标操作。根据Paweł对this回答的评论，你可以得到你需要的东西。

Highcharts活动量表 - 如何在悬停在

1 个答案: