高图Y轴点未显示

时间:2019-12-02 06:20:54

标签: angular highcharts

如果Y轴点之间存在较大差异,则Highcharts不会渲染较小的点。

这里是一个示例:https://jsfiddle.net/Lnbz3wtx/1/

图表代码:

Highcharts.chart('container', {
    chart: {
        type: 'column'
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },

   /*  plotOptions: {
        series: {
            minPointLength: 2 // I've tried setting minPointLength but it shows even for 0 values
        }
    }, */

    series: [{
        data: [500, 1]
    }]
});

1 个答案:

答案 0 :(得分:1)

您可以将nullminPointLength一起使用,而不是将数据值设为0。

Highcharts.chart('container', {
  chart: {
    type: 'column'
  },
  xAxis: {
    categories:  ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
  },

  plotOptions: {
    series: {
      minPointLength: 3
    }
  },


  series: [{
    data: [500, 1, null, null, null, null, null, null, null, null, null, null]
  }]
});
<script src="https://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 400px"></div>

相关问题