Ich versuche, eine Linie plus Balkendiagramm zu zeichnen. Jedes Mal, wenn ich versuche, das Liniendiagramm zu ziehen (ich habe nur versucht, das Liniendiagramm, gleicher Fehler Zeichnung) wird eine Zeile vor dem ersten Punkt gezogen:Liniendiagramm zeichnet vor dem ersten Punkt in Chart.js
Dies ist das erste Mal habe ich versucht Chart.js 2.0, die anderen Charts, die ich gezeichnet habe, sehen toll aus, außer diesem ... Irgendwelche Ideen?
Code:
function Data() {
$scope.barChartData = {
labels: $scope.mesesLabels,
datasets: [
{
type: 'bar',
label: "" + myDate.getFullYear() - 1,
backgroundColor: "#5799c7",
data: $scope.infoAnoAnterior,
borderColor: 'white',
borderWidth: 2,
},
{
type: 'bar',
label: "" + myDate.getFullYear(),
backgroundColor: "#ff7c40",
data: $scope.infoAnoAtual,
},
{
type: 'line',
label: 'Média entre anos',
backgroundColor: "rgba(220,20,20,0)",
data: $scope.mediaEntreAnos,
borderColor: 'red',
borderWidth: 2,
pointBorderColor: 'black',
pointBackgroundColor: 'black'
}, ]
};
drawChart();
}
function drawChart(){
var ctx = document.getElementById("base").getContext("2d");
window.myBar = new Chart(ctx, {
type: 'bar',
data: $scope.barChartData,
options: {
responsive: true,
title: {
display: true,
text: 'Chart.js Combo Bar Line Chart'
},
legend: {
display: true,
labels: {
fontColor: 'rgb(255, 99, 132)'
}
},
}
});
}
Option hinzufügen scaleBeginAtZero: true, –
@NagaSaiA Hat nicht funktioniert, das gleiche passiert ... –