Comment définir la couleur spécifique à JavaFX XYChart.La série?

J'essaie à mon style de JavaFX graphique en courbes, mais ne pouvez pas trouver un moyen de définir la couleur de série spécifique. Je sais, que je peux style via le CSS, mais je ne trouve pas comment définir l'ID ou une CLASSE de ma série.

Quelqu'un peut me donner un indice sur:

Comment définir une couleur pour linecharts?
Comment définir une classe css à la série?

OriginalL'auteur Yurish | 2012-06-22

javafx-2

13

En général le moyen le moyen privilégié pour le style des tableaux, sans code, en utilisant uniquement les feuilles de style css comme jschoen recommande. En outre, si une personnalisation plus poussée est nécessaire, vous pouvez utiliser les css des recherches de code à creuser dans les nœuds générés à partir de données de la série et appliquer les différentes supplémentaire css style.

Voici des informations à propos de l'évolution dynamique d'un JavaFX ligne style graphique et un exemple de programme pour aller avec la réponse. Dans l'exemple d'application, la css style est fait par l'intermédiaire d'un setStyle appel de code. En utilisant un analogue de recherche technique, vous pouvez obtenir l'accès à la série de nœuds pour appliquer une feuille de style appropriée styleclass plutôt qu'un setStyle appel.

Je voulais juste dire que vous avez un assez bel exemple de programmes sur vous git compte. J'ai couru à travers eux, plus tôt aujourd'hui, et de perdre quelques heures à la recherche à travers eux. Un très ressource utile. Merci.
Je ne peux croire qu'en fonction de CSS graphique style fonctionne bien pour le "tableau de bord" du logiciel, mais c'est une abomination pour toute personne essayant de travailler avec les données de manière interactive. Même javascript cartographie des bibliothèques n'est généralement pas vous forcer à mettre à jour une feuille de style pour modifier la taille de point sur un seul nuage de points.

OriginalL'auteur jewelsea

Comment définir une couleur pour linecharts?

Voici une façon simple de AreaChart ou graphique en courbes

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);");

J'obtiens une valeur null en arrière sur ces lignes: de la série.getNode().lookup(".graphique de la série de la zone de remplissage"); la série.getNode().lookup(".graphique de la série de la zone de la ligne"); je suis en utilisant le graphique de la zone.
Pour un graphique en courbes essayer series.getNode().lookup(".chart-series-line");.
Je tiens à souligner que series.getNode().lookup() doit être appelé après ajout de la série de graphique, sinon elle renvoie null.

OriginalL'auteur Nazariy Demyanovskyi

4

J'ai trouvé cet Oracle Document sur Style graphiques avec des CSS et sur la page, faites défiler vers le bas pour Setting Chart Colors pour ce que vous recherchez spécifiquement.

Comment définir une couleur pour linecharts?

Le moyen le plus simple pour cela est la suivante bout de code CSS:
```
.default-color0.chart-series-line { -fx-stroke: #e9967a; }
.default-color1.chart-series-line { -fx-stroke: #f0e68c; }
.default-color2.chart-series-line { -fx-stroke: #dda0dd; }
```
Cela malheureusement ne fonctionne pas par id ou de la série, mais plutôt de l'ordre de la série sont placés dans le graphique. Vous pouvez également définir les styles de ligne mais en faisant:
```
.chart-series-line {    
    -fx-stroke-width: 2px;
    -fx-effect: null;
}
```
Comment définir une classe css à la série?

Malheureusement, je ne vois pas un moyen de le faire. Il serait agréable d'être en mesure de créer des règles CSS en fonction de la XYChart.Nom de la série de la propriété, mais je ne pense pas que c'est possible.

Merci, j'ai pensé à changer les couleurs par défaut, mais j'ai besoin de désactiver/activer série(utilisateur aura la fonctionnalité pour afficher/masquer la série). Et de cette manière, il n'est pas la meilleure façon de le faire.
Cette solution ne permet pas de changer la couleur de la série dans la légende.

OriginalL'auteur Jacob Schoen
2

jewelsea la réponse semble indiquer que vous avez à mettre un style de classe sur chaque nœud de la série. J'utilise le code suivant pour le style de la série d'un graphique de la zone et seulement affecter une classe pour le nœud associé à la série. Exemple de code de la Scala, mais devrait être facile à traduire.

Lors de la création de la série, j'ai ajouter une série spécifique de la classe de style:
```
        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
```
À l'intérieur de l' css-fichier-je faire pour modifier la couleur de fond de la série "butterwings':
```
.series-butterwings *.chart-series-area-fill{
    -fx-fill: #aab597; 
}
```
Cela fonctionne, parce que le nœud de la série de la zone est en dessous de la série nœud (qui est un groupe dans le cas de la zone graphique).

J'ai essayé de le faire, mais a constaté que mon programme se bloque sur le add appel. Quelqu'un a eu une expérience similaire? Je suis en train de faire cela à partir de ScalaFx; ne sais pas si cela fait une différence (même si je suis d'appeler le natif de javafx méthodes plutôt que les wrappers).

OriginalL'auteur ziggystar

Vous devez vous connecter pour publier un commentaire.