Chart.js Balkendiagramm: Gitterfarbe und Label ausblenden

Question

Ich versuche, in chart.js zur Hintergrundfarbe meines Rasters zu wechseln, ich habe versucht, der Dokumentation zu folgen, und ich habe eine Menge Nachforschungen angestellt, aber ich kann Ich finde es nicht heraus. Ich möchte auch das Top-Label loswerden, kann auch keinen einfachen Weg finden, das zu tun. Das Label über die ich spreche, ist die Bezeichnung, die "Mein erstes Daten-Set" auf der Demo sagt hier: http://www.chartjs.org/docs/#bar-chart

Lösung:

<canvas id="myChart"></canvas> 
<script> 
    var ctx = document.getElementById("myChart"); 

    var myChart = new Chart(ctx, { 
    type: 'bar', 
    data: { 
     labels: ["Maandag", "Dinsdag", "Woensdag", "Donderdag", "Vrijdag", "Zaterdag", "Zondag"], 
    datasets: [{ 
    label: "", 
    data: [12, 19, 3, 5, 2, 3, 4], 
    backgroundColor: "rgba(3, 118, 195, 0.5)", 
    borderColor: "rgba(0, 158, 219, 1)", 
    borderWidth: "2", 
    }] 
}, 
options: { 
    legend:{ 
     display: false 
    }, 
    scales: { 
    xAxes: [{ 
     gridLines: { 
      show: true, 
      color: "F3F3F3", 
     } 
    }], 
    yAxes: [{ 
     ticks: { 
     beginAtZero: true 
     } 
    }] 
    }, 

} 
    }); 

</script> 

Dank!

Answer 1

Um lable also nichts anderes als Legende verstecken: Verwendung unter config in options:

legend:{ 
     display:false 
} 

So in Ihrem Code:

options: { 
    legend:{ 
      display:false 
    }, 
    scales: { 
     yAxes: [{ 
      ticks: { 
      beginAtZero: true 
      } 
     }] 
     } 
    } 

Und für CSS-Hintergrundfarbe Verwendung für Canvas-Element:

<canvas id="myChart" style="background-color: grey;"> 

Hoffe, das wird für Sie tun!