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

javascript highcharts

— Lajos
source

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
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
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
source

désolé mais ne pas travailler en survol, en survolant toujours ce marqueur

— Emiliano