具有x和y轴的Highcharts空白图表

Question

我想使用highcharts创建一个没有数据但是x和y轴的空白图表。 怎么做？

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container'
    },

    yAxis: {        
        labels: {
            formatter: function() {
                return this.value +' km';
            }
        }
    },

    series: [{
        data: []        
    }]

});

它返回

但我想用标签显示y轴。

Answer 1

您可以输入xAxis和yAxis的最小值/最大值，并为所有数据使用null。

来自@ ZaheerAhmed上述回复的

Forked因为我觉得它应该有一个替代解决方案，而不需要在事后隐藏数据。

即

yAxis: {
   min: 1,
   max:
} ,
xAxis: {
   min: 1,
   max: 50
},
series: {
   data:[null,null]
}

Answer 2

您可以在设置属性

后放置数据并隐藏系列

ignoreHiddenSeries : false

这是Working Demo如果隐藏系列，Y轴仍然可见。

Answer 3

FWIW，似乎highcharts在yAxis.showEmpty

中内置了此功能

不幸的是，文档中列出的小提琴不起作用，并且在这个问题上有一个相关的开放式高等问题：

no hide y axis

Answer 4

设置xAxis和yAxis的最小值和最大值不是一个好方法！因为如果以后加载数据（当它被解析时），那么你将不会自动计算最小值和最大值。在Highcharts API中，它说：

  

如果为null，则自动计算最大值

因此，您应该在加载数据时将min和max设置回null。但在我的情况下，将其设置为null或甚至删除该选项，不会导致自动计算（似乎很奇怪）。

我所做的是将charts.showAxes设为真！而已。看看the demo provided by Highcharts

重要：您当然需要将系列设置为以下内容：

series: [
  {
    data: [null, null, null]
  },
  {
    data: [null, null, null]
  }
]

注意：确保xAxis.showEmpty和yAxis.showEmpty设置为true（默认情况下为true）。