如何将Highmaps工具提示{point.value}显示为字符串

时间:2017-06-23 21:38:35

标签: javascript jquery highcharts highmaps

我正在使用Highmaps来显示美国县地图。我已经设置了它的选项,可以在任何有相关数据的县上显示一个简单的单行工具提示。以下是Highmaps选项的一部分:

tooltip: {
    headerFormat: '',
    pointFormat: '{point.name}: <b>{point.value}</b><br/>'
},

这会创建工具提示,例如:Autauga,AL: 1

我想显示以下四个词中的一个,而不是这个数值:“”,“”,“最佳 “或”错误“ - 对应于{point.value}分别为1,2,3或其他任何内容。因此,如果地图的point.value值为2,我希望在工具提示中显示为“Autauga,AL: Great ”。

1 个答案:

答案 0 :(得分:0)

您可以像这样格式化tooltip

Fiddle demo

tooltip: {
  headerFormat: '',
  //pointFormat: '{point.name}: <b>{point.value}</b><br/>'
  formatter: function() {
    str = "";
    if (this.point.value > 0 && this.point.value < 1) {
      str = "Error";
    }
    if (this.point.value > 1 && this.point.value < 2) {
      str = "Good";
    }
    if (this.point.value > 2 && this.point.value < 3) {
      str = "Great";
    }
    if (this.point.value > 3 && this.point.value < 4) {
      str = "Best";
    }
    if (this.point.value > 4) {
      str = "Error";
    }
    return this.point.name + ': ' +
       str;
  }
},