Highcharts: Zeige spezielle Markierung auf Säulendiagramm

7

Ich möchte Markierungen auf ein Säulendiagramm setzen.

Um genau zu sein, das Diagramm ist eine für Läufe in jedem über im Cricket-Spiel erzielt. (eine Beispiel-Grafik ab sofort: Ссылка )

Nun, was ich eigentlich will, ist zu zeigen, in dem über das Wicket fiel (so etwas wie: Ссылка ), die blauen Punkte oben auf den Spalten.

Ist es möglich, dies in Highcharts zu erreichen? Ich sehe einen Ausschnitt davon in dieser Tabelle (etwas wie die Sonne hier abgebildet: Ссылка ).

    
Shamail Tayyab 17.11.2011, 07:33
quelle

3 Antworten

16

Ich hatte eine ähnliche Herausforderung, bei der ich bestimmte Symbole auf meine Spalten setzen musste:

Um dies zu erreichen, habe ich den formatter Callback verwendet:

%Vor%

Wie Sie sehen, können Sie dann dynamisch einen Bildpfad oder eine Elementklasse basierend auf dem Wert für x / y / series / point / total / percentage setzen.

Schließlich müssen Sie auch maxPadding für yAxis erhöhen, sonst werden die Symbole / Werte abgeschnitten (natürlich abhängig von der Größe des Icons).

Um es in Aktion mit einigen 'dynamischen' Platzhalterbildern zu sehen, werfen Sie einen Blick auf dieses jsFiddle: Ссылка

    
Patrik Affentranger 11.04.2013 04:22
quelle
8

Sie können zwei Reihen, eine erste Spalte und eine zweite Streuung mit einem benutzerdefinierten Marker verwenden.

Beispiel: Ссылка

%Vor%     
Sebastian Bochan 11.04.2013 08:46
quelle
4

Im Array data können Sie Optionen für einen bestimmten Punkt angeben (z. B. einen benutzerdefinierten Marker):

%Vor%

Wie auch immer, ich glaube nicht, dass es möglich ist, den Marker über das Diagrammelement zu legen.

Ссылка

    
mamoo 17.11.2011 07:54
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Algorithmus (Python): Finde die kleinste Zahl größer als k