J'utilise Chart.js v2 pour dessiner un graphique à courbes simple. Tout va bien, sauf qu'il y a des lignes de grille que je ne veux pas:
La documentation pour le graphique en courbes est ici: https://nnnick.github.io/Chart.js/docs-v2/#line-chart , mais je ne trouve rien sur le fait de cacher ces "grille" Lignes".
Comment puis-je supprimer les lignes de la grille?
J'ai trouvé une solution qui permet de masquer les lignes de la grille dans un graphique à lignes.
Réglez la couleur gridLines
sur la même couleur que la couleur d’arrière-plan du div.
var options = {
scales: {
xAxes: [{
gridLines: {
color: "rgba(0, 0, 0, 0)",
}
}],
yAxes: [{
gridLines: {
color: "rgba(0, 0, 0, 0)",
}
}]
}
}
ou utiliser
var options = {
scales: {
xAxes: [{
gridLines: {
display:false
}
}],
yAxes: [{
gridLines: {
display:false
}
}]
}
}
options: {
scales: {
xAxes: [{
gridLines: {
drawOnChartArea: false
}
}],
yAxes: [{
gridLines: {
drawOnChartArea: false
}
}]
}
}
Si vous voulez qu'ils disparaissent par défaut, vous pouvez simplement définir:
Chart.defaults.scale.gridLines.display = false;
Si vous souhaitez masquer les lignes de la grille mais que vous souhaitez afficher yAxes, vous pouvez définir:
yAxes: [{...
gridLines: {
drawBorder: true,
display: false
}
}]
OK, tant pis .. j'ai trouvé le truc:
scales: {
yAxes: [
{
gridLines: {
lineWidth: 0
}
}
]
}