Question

是否可以根据Highcharts中的图表类型使用默认和自定义工具提示？例如，当图表类型为：“散点图”时，我希望Highcharts触发默认工具提示（十字光标悬停时）。

对于其他所有图表类型，我想使用工具提示>格式化程序功能来呈现自定义html工具提示。

请让我知道是否可以实现。

Answer 1

当然，这很容易。您可以在每个单独的系列中定义工具提示，例如以下示例：https://jsfiddle.net/BlackLabel/cgjfe20L/

series: [{
  type: 'column',
  data: [8394, 9203, 6177, 9658, 8031],
  tooltip: {
    pointFormatter() {
      return '<span style="color: red;">Tooltip for column series</span>'
    }
  }
}, {
  data: [24916, 24064, 29742, 29851, 32490],
  tooltip: {
    pointFormatter() {
      return 'Tooltip for the first line series'
    }
  }
}, {
  data: [49126, 42064, 39742, 58251, 42490],
  tooltip: {
    pointFormatter() {
      return 'Tooltip for the second line series'
    }
  }
}]

或者您可以在plotOptions对象中为所有常见类型的系列定义https://jsfiddle.net/BlackLabel/ndyc79b1/

plotOptions: {
  column: {
    tooltip: {
      pointFormatter() {
        return '<span style="color: red;">Red tooltip for column series</span>'
      }
    }
  },
  line: {
    tooltip: {
      pointFormatter() {
        return '<span style="color: blue;">Blue tooltip for all line series</span>'
      }
    }
  }
},

series: [{
  type: 'column',
  data: [8394, 9203, 6177, 9658, 8031]
}, {
  data: [24916, 24064, 29742, 29851, 32490]
}, {
  data: [49126, 42064, 39742, 58251, 42490]
}]

高图-我们可以根据不同的图表类型使用默认和自定义工具提示吗？

1 个答案: