Chart.js条形图 - 如何从0开始绘制条形图

Question

我想绘制从零开始延伸的条形图,使正数向上(正常),但负数从零向下增长.我得到的是从负基线开始的所有数字.

Answer 1

其他答案对我不起作用.但是,我确实找到了另一个适合我的配置选项.

var options = {
    // All of my other bar chart option here
    scales: {
        yAxes: [{
            ticks: {
                beginAtZero:true
            }
        }]
    }
}
var ctx = document.getElementById("myChart").getContext("2d");
var myBarChart = new Chart(ctx).Bar(data, options);

传递给我的图表选项给我一个条形图,其比例从0开始.

Answer 2

public barChartOptions: any = {
    scales: {
        yAxes: [{
            ticks: {
                beginAtZero: true}
            }]
        },
     }

Answer 3

使用从零开始，如下所示：

options: {
     scales: {
         yAxes: [{
             ticks: {
                 beginAtZero:true
             }
         }]
     }
}

Answer 4

我想你正在寻找这样的东西

小提琴

超文本标记语言

<canvas id="myChart" width="500" height="250"></canvas>

JS

var data = {
    labels: ["January", "February", "March", "April", "May", "June", "July", "August"],
    datasets: [
        {
            data: [65, 59, 80, 81, 56, 55, 40, -30]
        }
    ]
};

var options = {
    scaleBeginAtZero: false
};

var ctx = document.getElementById("myChart").getContext("2d");
var myBarChart = new Chart(ctx).Bar(data, options);