J'ai besoin de tracer des lignes de limites horizontales pour ma ligne et mes graphiques combinés (barres et lignes). Il y avait une solution pour Chart.js <2.0 comme indiqué ici:

dessiner une ligne horizontale

Mais cette solution ne fonctionne plus avec chart.js> 2.0:

jquery.1.12.1.js:9743 Uncaught TypeError: Cannot read property 'extend' of undefined

Alors, comment suis-je censé dessiner des lignes limites dans Chart.js 2.1.6?

0
Mulgard 7 août 2016 à 14:42

3 réponses

Meilleure réponse

Ajoutez le Chart.Annotation.js à votre projet et procédez comme suit:

annotation: {
    annotations: [{
        type: 'line',
        mode: 'horizontal',
        scaleID: 'y-axis-0',
        value: '25',
        borderColor: 'red',
        borderWidth: 2
    }]
}

Dans le options

2
Mulgard 8 août 2016 à 11:02

Vous pouvez tracer des lignes horizontales et verticales dans chart.js, Essayez ceci, qui utilise Chart.js Version: 2.2.1

http://plnkr.co/edit/8HJtZ7WKmTEy2gGuOT0v?p=preview

Grâce à ce violon, je l'ai mis à jour avec la dernière version de chart.js et y apporter des modifications.

0
rejo 7 août 2016 à 12:46

Pour toute personne intéressée à dessiner plusieurs lignes de limite (par exemple, une limite pour chaque point de données), j'ai trouvé qu'une approche simple était de simplement créer un graphique mixte, avec une série de lignes représentant vos points de limite. Une fois que vous avez cela, vous pouvez utiliser les options suivantes pour transformer les points de ligne en lignes plates et masquer la ligne globale:

pointStyle: 'line', radius: 20, fill: false, showLine: false,

0
Laurie Bamber 6 déc. 2019 à 12:13