Chart.js修正最小轴?

时间:2016-12-28 12:48:28

标签: javascript chart.js

这是我的图表:

enter image description here

我正在阅读文档,寻找有关如何为我的图表设置“最小斧头”的一些解释。我想从0开始,而不是2000.

我该怎么做?

这是我的代码:

var dataBar = {
        labels: [dataChart[0]['mesReferencia'],dataChart[1]['mesReferencia'],dataChart[2]['mesReferencia']], 
        datasets: [{
            label: "CPF's Enviados", 
            backgroundColor: "rgba(0,51,90,0.8)",
            borderColor: "rgba(0,51,90,0.9)",
            borderWidth: 2,
            hoverBackgroundColor: "rgba(0,51,90,0.9)",
            hoverBorderColor: "rgba(0,51,90,1)",
            data: [dataChart[0]['cpfsEnviados'],dataChart[1]['cpfsEnviados'],dataChart[2]['cpfsEnviados']]
        },
        {
            label: "Propostas Finalizadas",
            backgroundColor: "rgba(0,130,229,0.8)",
            borderColor: "rgba(0,130,229,0.9)",
            borderWidth: 2,
            hoverBackgroundColor: "rgba(0,130,229,0.9)",
            hoverBorderColor: "rgba(0,130,229,1)",
            data: [dataChart[0]['propostasFinalizadas'],dataChart[1]['propostasFinalizadas'],dataChart[2]['propostasFinalizadas']]
        },
        {
            label: "Propostas Aprovadas", 
            backgroundColor: "rgba(43,139,74,0.8)", 
            borderColor: "rgba(43,139,74,0.9)", 
            borderWidth: 2, 
            hoverBackgroundColor: "rgba(43,139,74,0.9)", 
            hoverBorderColor: "rgba(43,139,74,1)", 
            data: [dataChart[0]['propostasAprovadas'],dataChart[1]['propostasAprovadas'],dataChart[2]['propostasAprovadas']]
        }]
    };

谢谢!

1 个答案:

答案 0 :(得分:1)

设置beginAtZero:true表示选项中的刻度。这是一个例子:

var options = { type: 'bar', responsive: true, legend: false, animation: false, scales: { xAxes: [{ display: true, gridLines: { display: false }, }], yAxes: [{ display: true, gridLines: { display: false }, ticks: { beginAtZero:true } }] } };