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

时间:2016-05-12 09:18:04

标签: javascript highcharts

当没有系列数据值时,我可以使noData叠加层工作,并且我可以通过设置xAxis.max值来显示x轴和noData标签,但我可以&# 39;显示x轴标签。

有什么想法吗?

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

我能得到的最近的是这个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!"
        },
    });
});

1 个答案:

答案 0 :(得分:4)

如果没有数据,您还需要将最小限制设置为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!"
  },
});