Highcharts显示带有文本的空白列

Highcharts显示带有文本的空白列,highcharts,Highcharts,请查看图片,需要在null/空白列上显示标题 这是JSFIDLE 我是用图表标题做的,但这不是一种方式 需要列标题或其他内容,以便它将显示在移动视图中。您可以使用highcharts和。像这样: chart: { type: 'column', events: { load: function() { for (let i = 0; i < this.series[0].data.length; i++) { if (this.series[0]

请查看图片,需要在
null
/
空白列上显示标题

这是JSFIDLE

我是用图表标题做的,但这不是一种方式


需要列
标题
或其他内容,以便它将显示在移动视图中。

您可以使用highcharts和。像这样:

chart: {
  type: 'column',
  events: {
    load: function() {
      for (let i = 0; i < this.series[0].data.length; i++) {
        if (this.series[0].data[i].y == null && this.series[1].data[i].y == null) {
          this.addAnnotation({
            labelOptions: {
              backgroundColor: 'rgba(255,255,255,0.5)',
              borderWidth: 0,
            },
            labels: [{
              point: {
                x: i,
                y: 0,
                xAxis: 0,
                yAxis: 0
              },
              text: 'Your title here',
              shape: 'rect',
              style: {
                fontSize: '20px'
              }
            }]
          })
        }
      }
      this.redraw()
    }
  }
},