Hallo Ich möchte alternative Spaltenfarbe für jede Spalte festlegen.
fiddle Vielen Dank im VorausWie wird die individuelle Spaltenfarbe im Amcharts-Bestandsspalte-Diagramm eingestellt?
Antwort
@Mahi die richtige Idee, aber der Link verweist auf eine Plugin-basierte Lösung, die Farben aus dem aktuellen Chart-Thema gilt, damit er über die Einzelheiten Glossen.
Um dies genauer auszuführen, müssen Sie beim Festlegen einzelner Spalten- (oder Linien-/Aufzählungs-) Farben in Ihrem Diagrammobjekt lineColorField
und fillColorsField
definieren und dann die Farbe in Ihren Daten festlegen. Zum Beispiel in Ihren Daten:
[
{
"date": "2016-11-25",
"value": 3,
"color": "#ff0000"
},
{
"date": "2016-11-26",
"value": 3,
"color": "#00ff00"
},
// ...
]
Und dann in Ihrem Diagrammobjekt:
"graphs": [{
"lineColorField": "color",
"fillColorsField": "color", // if your chart has a fill like a column or area line graph
// ...
}]
Oder stockGraph Lager Chart:
"stockGraphs": [{
"lineColorField": "color",
"fillColorsField": "color", // if your chart has a fill like a column or area line graph
// ...
}]
für Charts wie Ihre Geige, müssen Sie auch Legen Sie für die Eigenschaft maxSeries
von categoryAxesSettings 0 fest, da die benutzerdefinierten Farben nicht angewendet werden können, während die Datengruppierungsfunktion aktiviert ist.
"categoryAxesSettings": {
"maxSeries": 0,
// ...
}
Hier ist eine aktualisierte Geige: http://jsfiddle.net/rbz7312m/3/
Danke ... Du hast mich gerettet. Ich werde Ihnen sehr dankbar sein .... – Sourav
- 1. Wie wird die Erinnerung eingestellt?
- 2. Wie wird das Videoaufnahmezeitlimit im iPhone eingestellt?
- 3. Wie wird die Zellenhöhe im iPhone dynamisch eingestellt?
- 4. Wie wird die IST-Zeitzone im MySQL-Server eingestellt?
- 5. Wie wird die Breite des Bildes im folgenden Fall eingestellt?
- 6. Wie programmatisch die Hintergrundfarbe der Schaltfläche im Tabellenlayout eingestellt wird?
- 7. Wie wird die Ellipseneinstellung im Menüeintrag von NavigationView eingestellt?
- 8. Wie wird die Lokalisierung auf UITabBarController eingestellt?
- 9. Wie wird die UITableViewCell-Zubehörgröße eingestellt?
- 10. Wie wird die Genymotion Uhr eingestellt?
- 11. Wie man dynamische Spaltenfarbe im Säulendiagramm usig google Diagramm
- 12. Wie wird die Lautstärke des Audioobjekts eingestellt?
- 13. Wie wird die Seitenkodierung der Mechanize eingestellt?
- 14. JavaFX TextArea: Wie wird die Tabulierungsbreite eingestellt?
- 15. Wie wird die Einrückung richtig eingestellt?
- 16. Wie wird die Multilinie für Navigationsmenüpunkte eingestellt? ?
- 17. Libgdx-Textfeld: Wie wird die Schriftgröße eingestellt?
- 18. TWICBild, wie wird die JPEG-Komprimierungsqualität eingestellt?
- 19. Wie wird die Dialogschwere programmatisch eingestellt?
- 20. Wie wird die UISwitch-Rahmenfarbe eingestellt?
- 21. Wie wird die Bokeh-Legende eingestellt?
- 22. Wie wird die Spark Executor Nummer eingestellt?
- 23. Wie wird die Hintergrundfarbe des Stapels eingestellt?
- 24. Wie wird nur die vertikale Polsterung eingestellt?
- 25. Wie wird die Symbolfarbe von MenuItem eingestellt?
- 26. Wie wird der Farbverlauf im Balkendiagramm mit d3.js eingestellt?
- 27. Wie wird der Vollbild-Albumcover im Sperrbildschirm eingestellt?
- 28. Wie wird der Inhaltstyp im Rasierer (CSHTML) eingestellt?
- 29. Laravel 5 wie gehostete Website im Entwicklungsmodus eingestellt wird
- 30. Wie wird die Tabellenansichtszelle zur Anpassung an die Beschriftung eingestellt?
Fiddle Link http://jsfiddle.net/rbz7312m/ – Sourav
https://www.amcharts.com/kbase/automatically-apply-theme-colors-to -each-individual-column/ – Mahi
@Mahi - Sie haben die richtige Idee, aber es beschönigt die Details ein wenig, da es ein Plugin implementiert, um Themenfarben auf jede Spalte anzuwenden, was es etwas übertrieben macht, was er zu tun versucht. Sie müssen auch einen zusätzlichen Schritt ausführen, wenn Sie die Aktienkurse verwenden, wie in meiner Antwort unten beschrieben. – xorspark