Wie setzen bestimmte Farbe JavaFX XYChart.Serie?

Ich versuche, mein Stil JavaFX linechart, aber finde keine Möglichkeit, um Farbe, um bestimmte Serie. Ich weiß, dass ich style via CSS, aber ich kann nicht herausfinden, wie die Satz-ID oder eine KLASSE zu meiner Serie.

Kann jemand mir eine Ahnung auf:

  1. Wie um eine Farbe zu linecharts?
  2. Wie eine css-Klasse Serie?
InformationsquelleAutor Yurish | 2012-06-22
  1. 14

    Im Allgemeinen die Art und Weise bevorzugte Weg, um Stil-charts ist ohne code, nur mit css-stylesheets als jschoen empfiehlt. Darüber hinaus, wenn weitere Anpassung erforderlich ist, können Sie mithilfe von css-lookups von Codes zu Graben, in dem der Knoten erzeugt, aus der Serie-Daten und wenden Sie verschiedene zusätzliche css-styling.

    Hier finden Sie Informationen über dynamisch ändern JavaFX-line-chart-Stil und ein Beispiel-Programm zu gehen mit der Antwort. In der Beispiel-app, die alle die zusätzliche css-styling erfolgt über einen Aufruf von setStyle von code. Über eine ähnliche lookup-Technik kann man Zugang zu der Serie Knoten eine geeignete stylesheet styleclass eher als einen Aufruf von setStyle.

    • Wollte nur sagen, dass du eine ziemlich nette Beispiel-Programme auf Sie git-account. Ich lief über Sie heute früher, und verlor ein paar Stunden einfach nur auf der Suche durch Sie hindurch. Eine sehr hilfreiche Ressource. Danke.
    • Ich kann glauben, dass CSS-basierte Diagramm-styling eignet sich gut für 'dashboard' software, aber es ist ein Greuel für jeden, der versucht mit den Daten arbeiten interaktiv. Auch javascript charting Bibliotheken, die normalerweise nicht zwingen, zu aktualisieren, können Sie eine style sheet ändern Sie die Größe auf einem einzigen scatterplot.
    InformationsquelleAutor jewelsea
  2. 6

    , Wie um eine Farbe zu linecharts?

    Hier ist ein einfacher Weg, um AreaChart oder LineChart

    XYChart chart = new AreaChart();
Series series = new Series();
chart.getData().add(series);

Node fill = series.getNode().lookup(".chart-series-area-fill"); //only for AreaChart
Node line = series.getNode().lookup(".chart-series-area-line");

Color color = Color.RED; //or any other color

String rgb = String.format("%d, %d, %d",
        (int) (color.getRed() * 255),
        (int) (color.getGreen() * 255),
        (int) (color.getBlue() * 255));

fill.setStyle("-fx-fill: rgba(" + rgb + ", 0.15);");
line.setStyle("-fx-stroke: rgba(" + rgb + ", 1.0);");
    • Ich bekomme eine null-wieder auf diese Zeilen: Serie.getNode().lookup(".chart-series-area-fill"); Reihe.getNode().lookup(".chart-series-area-Linie"); ich bin mit Flächendiagramm.
    • Für ein LineChart-versuchen series.getNode().lookup(".chart-series-line");.
    • Ich möchte betonen, dass series.getNode().lookup() muss aufgerufen werden nach das hinzufügen der Serie, Diagramm, andernfalls gibt Sie null zurück.
    InformationsquelleAutor Nazariy Demyanovskyi
  3. 4

    Fand ich in diesem Oracle-Dokument auf Styling-Diagramme mit CSS und auf dieser Seite nach unten scrollen, um Setting Chart Colors für das, was Sie speziell suchen.

    , Wie um eine Farbe zu linecharts?

    Der einfachste Weg HIERFÜR ist das folgende CSS-snippet:

    .default-color0.chart-series-line { -fx-stroke: #e9967a; }
.default-color1.chart-series-line { -fx-stroke: #f0e68c; }
.default-color2.chart-series-line { -fx-stroke: #dda0dd; }

    Diese leider nicht funktionieren wird durch die id oder die Serie, sondern die Ordnung der Serie befinden sich in der Grafik. Sie können auch die Linie Stile, die allerdings durch tun:

    .chart-series-line {    
    -fx-stroke-width: 2px;
    -fx-effect: null;
}

    Wie eine css-Klasse Serie?

    Leider habe ich nicht einen Weg finden, das zu tun. Es wäre schön, in der Lage zu erstellen CSS-Regeln auf der Grundlage der XYChart.Series name-Eigenschaft, aber ich glaube nicht, dass das möglich ist.

    • Danke, dachte ich über das ändern der Standard-Farben, aber ich deaktivieren/aktivieren-Serie(Benutzer muss die Funktionalität zum ein - /ausblenden-Serie). Und auf diese Weise ist es nicht der beste Weg, es zu tun.
    • Diese Lösung ist nicht die Farbe der Serie in der Legende wenn.
    InformationsquelleAutor Jacob Schoen
  4. 2

    jewelsea die Antwort scheint zu sagen, dass Sie haben, um eine style-Klasse für jeden Knoten der Reihe. Ich bin mit dem folgenden code zu style der Serie ein Flächendiagramm, und nur die Zuordnung einer Klasse zu den Knoten im Zusammenhang mit der Serie. Der Beispiel-code ist in Scala sein, sollte aber leicht zu übersetzen.

    Beim erstellen der Serie, die ich hinzufügen einer Reihe-spezifische style-Klasse:

            val s = new XYChart.Series[Number, Number]()   //create a new series
        s.setName(seriesName)                          //set its name (display in legend)
        s.getNode.getStyleClass.add("series-" + seriesName)  //add specific style class

    Dann innerhalb der css-Datei ich den folgenden Code ändern Sie die Füllfarbe aus der Serie 'butterwings':

    .series-butterwings *.chart-series-area-fill{
    -fx-fill: #aab597; 
}

    Dies funktioniert, da der Knoten für die Serie Bereich wird unterhalb der Serien-Knoten (das ist eine Gruppe bei Flächendiagramm).

    • Ich habe versucht, dies zu tun, fand aber, dass mein Programm reagiert nicht auf die add nennen. Irgendjemand hatte eine ähnliche Erfahrung? Ich bin dabei aus ScalaFx; weiß nicht, ob das einen Unterschied macht (obwohl ich bin dem Aufruf der nativen javafx-Methoden anstatt der Wrapper).
    InformationsquelleAutor ziggystar
Schreibe einen Kommentar