HighCharts - Comment puis-je désactiver les points?

83

J'utilise HighCharts. Voici la documentation. Je voudrais désactiver ces points, mais au début, je ne sais pas comment cela s'appelle. Par conséquent, je ne peux pas les désactiver. Savez-vous comment suis-je capable de tuer ces points?

Je voudrais revenir sur ces points

Lajos
la source

Réponses:

132

Voici un exemple avec un graphique en courbes : http://jsfiddle.net/aeZ6P/1/

Partie importante:

plotOptions: {
    line: {
        marker: {
            enabled: false
        }
    }
}

Voir aussi: https://api.highcharts.com/highcharts/plotOptions.line.marker.enabled

Même effet avec spline: http://jsfiddle.net/aeZ6P/

Tim Medora
la source
2
existe-t-il un moyen de désactiver les marqueurs en survol? Hover essayé: {enabled: false}} sans chance: jsfiddle.net/aeZ6P/36
igrek
5
@igrek - Comme ça? jsfiddle.net/aeZ6P/37 Le code que j'ai ajouté eststates: { hover: { enabled: false } }
Tim Medora
Existe-t-il un moyen de désactiver les lignes et de ne conserver que les marqueurs? Je suppose que ce sera exactement le contraire de cette question?
disp_name
1
@RajatAgarwal - Je n'ai pas trouvé de moyen approprié pour désactiver les lignes, mais j'ai pu masquer les lignes en définissant leur largeur sur 0px: jsfiddle.net/aeZ6P/257
Tim Medora
84

Dans Highcharts, nous avons trois façons de désactiver les marqueurs:

1) Désactiver pour toutes les séries par type:

plotOptions: {
    line: { /* or spline, area, series, areaspline etc.*/
        marker: {
           enabled: false
        }
    }
}

2) Désactiver pour une série spécifique:

series: [{
    data: [14,17,21],
    marker: {
       enabled: false
    }
}]

3) Désactivez le marqueur pour un certain point:

series: [{
    data: [{
        y: 14,
        marker: {
            enabled: false
        }
    },{
        y: 17
    },{
        y: 21
    }]
}]
Paweł Fus
la source
Et comment désactiver une figure au point où vous survolez la ligne pour chaque série de données?
Piotr
Désactivez simplement states.hover.
Paweł Fus
1
@ PawełFus merci. plotOptions.series.states.hovertravaux. Je suis content d'avoir vu ce post.
Juniuz
12

Jetez un œil à cela dans la référence de l'API HighCharts:

http://api.highcharts.com/highcharts#plotOptions.series.marker.enabled

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-marker-enabled/

Les options que vous devez ajouter sont les suivantes:

    plotOptions: {
        series: {
            marker: {
                enabled: false
            }
        }
    },

Cette méthode est agréable car elle fonctionnera avec tous les graphiques avec les marqueurs de point. Si vous voulez un type de graphique spécifique, vérifiez ceci:

    plotOptions: {
        line: { // <--- Chart type here, check the API reference first!
            marker: {
                enabled: false
            }
        }
    },

Prendre plaisir!

Voyant
la source
désolé mais ne pas travailler en survol, en survolant toujours ce marqueur
Emiliano