javascript - Highcharts - 显示 noData 叠加层和 x 轴标签

Question

我可以得到 noData当没有系列数据值时叠加工作，我可以通过设置 xAxis.max 来显示 x 轴和 noData 标签。值，但我无法显示 x 轴标签。

有什么想法吗？

理想情况下，我可以在没有任何虚假系列数据的情况下执行此操作(因为没有数据我没有任何系列名称可提供)。这用于定义明确的 x 值的柱形图中(如下面的 js fiddle ，已知水果，其中只有每个系列计数是动态的)

我能得到的最接近的是这个 jsfiddle: http://jsfiddle.net/eLdn6Lfc/

$(function () {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container1',
            type: 'column'
        },
        xAxis: {
            categories: ['Mulligatawny', 'Crab bisque', 'Lima bean', 'Wild mushroom'],
            max:3
        },
        series: [{
            data: []
        }],
        lang: {
            noData: "No Soup For You!"
        },
    });
});

Answer 1

如果没有数据，您还需要为 x 轴设置最小限制。

工作解决方案 here

var chart = new Highcharts.Chart({
  chart: {
    renderTo: 'container',
    type: 'column'
  },
  xAxis: {
    categories: ['Mulligatawny', 'Crab bisque', 'Lima bean', 'Wild mushroom'],
    min: 0,
    max: 3
  },
  series: [{
    showInLegend: false,
    data: []
  }],
  lang: {
    noData: "No Soup For You!"
  },
});