J'utilise le graphique de Chart.js pour créer mes graphiques, et ce que je veux faire, c'est avoir 2 lignes horizontales sur le même graphique, mais l'une d'entre elles doit être pointillée. J'ai essayé de trouver une solution sur Google sans succès.
Avez-vous une idée de comment procéder?
Merci d'avance,
Vous pouvez utiliser le border-dash
propriété pour un ensemble de données particulier. Vous pouvez spécifier longueur et espacement des bordures . Par exemple borderDash: [10,5]
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: ["Label1", "Label2", "Label3"],
datasets: [{
label: 'legend1',
data: [12, 19, 3],
borderDash: [10,5]
},{
label: 'legend2',
data: [22, 9, 13],
}]
},
options: {
scales: {
yAxes: [{
ticks: {
beginAtZero:true
}
}]
}
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js" ></script>
<html>
<body>
<div class="myChartDiv" style="height:500px">
<canvas id="myChart" width="600" height="300"></canvas>
</div>
</body>
</html>