从ng2图表中的0开始y轴

时间:2018-07-26 10:28:37

标签: angular chart.js ng2-charts

我正在使用ng2-charts生成图形。我希望y轴从0开始。 我用了 :   1.scaleBeginAtZero:true   2.beginAtZero:是

两个都不起作用。 在我的package.json文件中,chartsjs和ng2-charts的版本如下: “ chart.js”:“ ^ 2.7.1”, “ ng2-charts”:“ ^ 1.6.0”

1 个答案:

答案 0 :(得分:0)

启用Y轴从0开始

this.chartOptions = {
  scales: {
      yAxes: [{
         scaleLabel: {
            display: true,
            labelString: 'Y axis label'
         },
         ticks: {
            beginAtZero: true
         }
      }]
  },
  maintainAspectRatio: false
}

通过在刻度内使用beignAtZero进行y轴缩放,则您的图表将从0开始

图表Js版本

"chart.js": "2.8.0"

Ng2-Charts版本

"ng2-charts": "2.3.0",