javascript - 如何在 Highcharts 中标记特定区域

Question

背景信息:我们有一个名为“提升个人资料”的功能，您可以花费一些积分来让您的个人资料在接下来的 24 小时内在搜索结果中更加明显。

我们有一个基于 highcharts 的图表，其中包含过去 7 天内收到的访问次数。我想以某种方式标记个人资料被提升的区域，并查看该时间间隔内有多少次访问。

fiddle :http://jsfiddle.net/3jyjz2t9/

Highcharts.chart('container', {
  chart: {
    height: 150
  },
  title: {
    text: ""
  },
  credits: {
    enabled: false
  },
  legend: {
    enabled: false
  },
  yAxis: {
    visible: false
  },
  xAxis: {
    categories: xAxis,
    offset: 1
  },
  tooltip: {
    formatter: function(){
      return "<b>" + this.y  + "</b>" + " " + this.series.name
    }
  },
  series: [{
    name: "vizite",
    color: "#663366",
    states: {
      hover: {
        lineWidthPlus: 0
      }
    },
    data: data
  }]
})

此外，数据格式可以更改。我只是不知道如何在图表中标记区域

Answer 1

看看https://www.highcharts.com/docs/chart-concepts/plot-bands-and-plot-lines 。页面底部有jsfiddle示例。

相关API页面为:xAxis.plotBands