小编xyz*_*124的帖子

Highcharts - 将 yAxis.max 设置为数据中的最大值

我正在使用 Highcharts，并且有这个简单的条形图：

数据中的最大值为 27，但在规模上为 40。如何将 yAxis.max 设置为提供的数据中的最大值？在此示例中为 27，而不是 40。

老实说，我什至不需要图表上的这些值，但我想强制具有最大值的条形占据 100% 的可用高度。

数据将动态提供，因此我不能仅手动设置最大值。

这是我当前的代码：

Highcharts.chart('container', {

  chart: {
    type: 'column',
    height: 150,
  },

  yAxis: {
    title: {
      text: null,
    },
    labels: {
      enabled: true,
    },
  },

  xAxis: {
    title: {
      text: null,
    },
  },

  credits: false,

  legend: false,

  title: {
    text: null,
  },

  series: [{
    data: [1, 0, 27, 7]
  }]
});

Run Code Online (Sandbox Code Playgroud)

#container {
  min-width: 310px;
  max-width: 800px;
  height: 400px;
  margin: 0 auto
}

Run Code Online (Sandbox Code Playgroud)

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/series-label.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script> …

Run Code Online (Sandbox Code Playgroud)

javascript charts bar-chart highcharts

xyz*_*124

2017 11-05

2
推荐指数

1
解决办法

4751
查看次数