我可以在x轴上显示表格，就像在高级图表中的分组类别一样 - 但是没有分组

Question

我只想在X轴柱形图（相应的条形图）下面显示表格，我知道分组可以创建表格，但我不想使用分组。只需要x轴值表。如下图所示，

我可以使用highcharts属性执行此操作。只有表格才会出现在x轴标签上。

是否可以使用highcharts lib？

Answer 1

您可以通过设置xAxis.tickLength属性来延长刻度。 然后，在刻度线的底部再添加一行。

function renderBottomLine() {
    var chart = this,
      axis = chart.xAxis[0],
      line = axis.bottomLine,
      x1 = chart.plotLeft,
      y = chart.plotTop + chart.plotHeight + axis.options.tickLength,
      x2 = x1 + chart.plotWidth,
      path = [
        'M', x1, y,
        'L', x2, y
      ];

  if (!line) {
    axis.bottomLine = chart.renderer.path(path).attr({
      'stroke-width': 1,
      stroke: '#ccd6eb'
    }).
    add();
  } else {
    line.animate({
        d: path
    });
  }
}

Highcharts.chart('container', {
        chart: {
            events: {
            load: renderBottomLine,
            redraw: renderBottomLine
          }
        },

示例：http://jsfiddle.net/xuyyt6nd/