CanvasJS图表值为0时不显示问题求助

我之前也遇到过CanvasJS里0值不显示的问题，刚好能帮到你！这个问题大多是因为CanvasJS默认会自动调整Y轴范围，当你的数据里只有0或者最小值高于0时，Y轴可能不会包含0刻度，导致0值的点被“藏”在图表底部之外。这里有两个靠谱的解决方法：

方法一：强制Y轴从0开始 #

在你的图表配置里，给axisY添加minimum: 0属性，这样不管数据分布如何，Y轴都会包含0刻度，0值的点就能正常显示在图表底部。结合你的代码，修改后的完整配置示例如下：

var chart = new CanvasJS.Chart("chartContainer", {
  axisY: {
    minimum: 0, // 关键配置：强制Y轴最小值为0
    labelFormatter: function(e) {
      return "€" + e.value; // 也可以用这个替代yValueFormatString，效果一致
    }
  },
  data: [
    { 
      type: "line", 
      name: "Cumulatief", 
      showInLegend: true, 
      yValueFormatString: "€#", 
      dataPoints: [ { x: new Date(dateValue1) , y: 0 } ] 
    },
    // 这里添加你的柱状图数据系列
  ]
});
chart.render();

方法二：排查是否存在过滤0值的配置 #

虽然CanvasJS默认不会过滤0值，但如果你的代码中不小心给数据系列添加了ignoreZero: true这类配置，一定要将其改为false或者直接删除。不过从你提供的代码片段来看，这个情况大概率不存在，但可以作为额外的排查项。

如果是折线+柱状的组合图表，只要确保共用的Y轴设置了minimum: 0，两个系列的0值都会正常显示。

内容的提问来源于stack exchange，提问作者Proar