如何在JavaFX 2.0折线图中动态更改线样式？ [英] How to dynamically change line style in JavaFX 2.0 line chart?
问题描述
在我们的JavaFX项目中，我们需要一个折线图。我可以使用CSS轻松整理图表和系列，但我们的图表内容可以动态变化：
In our JavaFX project we need a line chart. I can easy stylize the whole chart and series using CSS, but content of our chart can change dynamically:
-
它们的显示顺序取决于用户动作和他的数据。每个系列代表一个具体的数据类别，每个类别有自己的风格，例如。类别A显示为虚线，类别B显示为虚线。图表可以为每个类别包含0个或更多系列，
number of series and their displaying order depends on user actions and his data. Each series represents a concrete data category and the each category has its own style, eg. category A is shown as a dotted line and category B is shown as a dashed line. The chart can contain 0 or more series for each category,
系列风格也取决于数据值，例如。
style of series depends on data values too, eg. series line over the average is red, and below is blue.
如何在JavaFX中执行？
How to do it in JavaFX?
推荐答案
- 系列数及其显示顺序取决于用户操作及其数据。
显示的系列数量和显示顺序可以通过更改 ObservableList 系列，您传递到图表的 setData（） call。当图表监听列表更改时，随着后备列表的更改，图表会自动更新以反映更改。
The number of series displayed and the display order can be modified by changing the ObservableList of series which you passed to the chart's setData() call. As the chart listens for changes to the list, as the backing list changes, the chart is automatically updated to reflect the changes.
有自己的风格，例如。类别A显示为虚线，类别B显示为虚线。
each category has its own style, eg. category A is shown as a dotted line and category B is shown as a dashed line.
这可以通过确定图表中的哪个系列在哪个类别，通过节点查找与系列相关的所有节点< a href =http://docs.oracle.com/javafx/2.0/api/javafx/scene/Node.html#lookupAll%28java.lang.String%29 =nofollow> lookupAll（cssStyleSelector）函数并将新的自定义样式应用于与类别的样式匹配的系列。虚线和虚线可以通过css通过设置 -fx-stroke-dash-array css属性来设置样式。或者，您可以通过修改 getStyleClass（）。
This can done by determining which series in the chart is in which category, looking up all nodes related to the series via the node lookupAll(cssStyleSelector) function and applying a new custom style to the series which matches the style for the category. Dotted and dashed lines can be styled via css by setting the -fx-stroke-dash-array css property. Alternately, rather than a lookup you can dynamically change the css styleclass assigned to nodes via modifying the ObservableList returned from getStyleClass().
系列风格取决于数据值也是，例如。系列线平均为红色，下面为蓝色。
style of series depends on data values too, eg. series line over the average is red, and below is blue.
这类似于虚线和虚线的显示方式，但是而是通过 -fx-stroke css属性修改行的颜色，修改取决于为系列计算的平均值。
This is similar to how the dotted and dashed lines are displayed, but instead the color of the lines are modifed by the -fx-stroke css property and the modification depends on the average values calculated for the series.
为了演示以上几点，我在此为此问题创建了一个示例解决方案： https：// gist.github.com/2129306
To demonstrate the above points, I created a sample solution for this question here: https://gist.github.com/2129306
这篇关于如何在JavaFX 2.0折线图中动态更改线样式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
