web-dev-qa-db-fra.com

Masquer des points dans le graphique linéaire JS du graphique

À l'origine, je définissais la couleur de remplissage de chaque point de manière complètement transparente. Si je passe la souris sur le graphique, les points apparaissent. Je veux masquer tous les points pour que le graphique linéaire soit lisse. 

15
Maverick

Vous pouvez y parvenir en définissant la propriété radius du point dans les options de configuration, comme suit:

var chartConfig = {
            type: 'line',
            options: {
                elements: {
                    point:{
                        radius: 0
                    }
                }
            }
        }

Les infobulles pour les points disparaîtront également.

24
Shivam

Vous pouvez définir le pointRadius à zéro.

var myChart = new Chart(
    ctx, {
        type: 'line',
        data: {
            labels: [...]
            datasets: [
              {
                data: [...],
                pointRadius: 0,  # <<< Here.
              }
            ]
        },
        options: {}
    })
13
Alexander

include showTooltips: false avec vos options pour le graphique. Cela évitera les info-bulles lorsque vous survolez la souris.

Examinez les paramètres d’options à l’adresse http://www.chartjs.org/docs/

0
onurhb