无法使用Chartist.js居中放置X轴标签

.chart-x-axis {
  display: flex;
  justify-content: center;
}

Chartist.plugins = Chartist.plugins || {};

Chartist.plugins.centeredLabels = function () {
  return function (chart) {
    if (chart instanceof Chartist.Line) {
      chart.on('draw', function (data) {
        if (data.type === 'label' && data.axis === 'x') {
          var labelWidth = data.element._node.getBoundingClientRect().width;
          data.element.attr({
            style: 'transform: translateX(-' + labelWidth / 2 + 'px)'
          });
        }
      });
    }
  };
};

// 使用插件
var chart = new Chartist.Line('.ct-chart', data, {
  plugins: [
    Chartist.plugins.centeredLabels()
  ]
});