HighCharts - Wie kann ich die Punkte ausschalten?

82

Ich benutze HighCharts. Hier ist die Dokumentation. Ich möchte diese Punkte ausschalten, aber zunächst weiß ich nicht, wie das heißt. Deshalb kann ich sie nicht ausschalten. Wissen Sie, wie ich diese Punkte töten kann?

Ich möchte diese Punkte abwenden

Lajos
quelle

Antworten:

132

Hier ist ein Beispiel mit einem Liniendiagramm: http://jsfiddle.net/aeZ6P/1/

Wichtiger Teil:

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

Siehe auch: https://api.highcharts.com/highcharts/plotOptions.line.marker.enabled

Gleicher Effekt mit Spline: http://jsfiddle.net/aeZ6P/

Tim Medora
quelle
2
Gibt es eine Möglichkeit, Markierungen beim Schweben auszuschalten? Versucht Schwebeflug: {enabled: false}} ohne Glück: jsfiddle.net/aeZ6P/36
igrek
5
@igrek - So? jsfiddle.net/aeZ6P/37 Der Code, den ich hinzugefügt habe, iststates: { hover: { enabled: false } }
Tim Medora
Gibt es eine Möglichkeit, Linien auszuschalten und nur Markierungen beizubehalten? Ich denke, es wird genau das Gegenteil von dieser Frage sein?
disp_name
1
@ RajatAgarwal - Ich konnte keinen geeigneten Weg finden, um die Linien zu deaktivieren, aber ich konnte die Linien ausblenden, indem ich ihre Breite auf 0px setzte: jsfiddle.net/aeZ6P/257
Tim Medora
83

In Highcharts gibt es drei Möglichkeiten, Marker zu deaktivieren:

1) Deaktivieren Sie für alle Serien nach Typ:

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

2) Für eine bestimmte Serie deaktivieren:

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

3) Deaktivieren Sie die Markierung für einen bestimmten Punkt:

series: [{
    data: [{
        y: 14,
        marker: {
            enabled: false
        }
    },{
        y: 17
    },{
        y: 21
    }]
}]
Paweł Fus
quelle
Und wie deaktiviere ich eine Zahl an dem Punkt, an dem Sie für jede Datenreihe auf der Linie schweben?
Piotr
Einfach deaktivieren states.hover.
Paweł Fus
1
@ PawełFus danke. plotOptions.series.states.hoverfunktioniert. Ich bin froh, dass ich diesen Beitrag gesehen habe.
Juniuz
12

Sehen Sie sich dies anhand der HighCharts-API-Referenz an:

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/

Folgende Optionen müssen hinzugefügt werden:

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

Diese Methode ist gut, da sie mit allen Diagrammen mit Punktmarkierungen funktioniert. Wenn Sie einen bestimmten Diagrammtyp wünschen, überprüfen Sie Folgendes:

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

Genießen!

Seher
quelle
Entschuldigung, aber nicht am Schwebeflug arbeiten, am Schwebeflug immer diesen Marker haben
Emiliano