Résolue

Je ne peux pas modifier le style de ma ligne de tendance

# Affichage # JavaScript

Ma ligne de tendance s'affiche bien mais impossible de changer la couleur ou l'épaisseur.


<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-trendline"></script>


...


{% for currency, rates in data.items %}
    var ctx = document.getElementById("chart-{{ currency }}");
    new Chart(ctx, {
            type: 'line',
            data:  {labels: {{ days_labels|safe }},
                    datasets: [{
                       label: "{{ currency }}",
                       data:{{ rates|safe }},
                       fill: false,
                       borderColor: 'rgb(255, 128, 128)',
                       trendlineLinear: {
                        style: "#9fd6f4",
                        width: 3
                       }
                     }]



Thibault houdon

Mentor

Salut Thibaut,


En regardant le dépôt github du plugin, j'ai l'impression que la syntaxe a été modifiée (difficile à dire vu qu'il n'y a pas beaucoup de documentation ou release log).


Mais dans leur exemple, ils utilisent des noms différents pour changer la couleur (colorMin et colorMax) :


{
    trendlineLinear: {
        colorMin: "red",
        colorMax: "green",
        lineStyle: "dotted|solid",
        width: 2,
        projection: true|false (optional)
    }
}


Je te conseille d'essayer avec ça :)

Inscris-toi

(c'est gratuit !)

Inscris-toi

Tu dois créer un compte pour participer aux discussions.

Créer un compte

Rechercher sur le site

Formulaire de contact

Inscris-toi à Docstring

Pour commencer ton apprentissage.

Tu as déjà un compte ? Connecte-toi.