2016-12-28 62 views
0

这是我的图表: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

设置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 } }] } };

+0

谢谢@merima,它工作完美! – jvbarsou

+0

我很高兴能帮上忙。 –