Figure 4-6 Setting the Vertical Axis — КиберПедия 

Архитектура электронного правительства: Единая архитектура – это методологический подход при создании системы управления государства, который строится...

Двойное оплодотворение у цветковых растений: Оплодотворение - это процесс слияния мужской и женской половых клеток с образованием зиготы...

Figure 4-6 Setting the Vertical Axis

2022-10-10 38
Figure 4-6 Setting the Vertical Axis 0.00 из 5.00 0 оценок
Заказать работу

Description of "Figure 4-6 Setting the Vertical Axis"

Adding Negative Values

Because the vertical axis in the Temperature Monitoring application is created by using the NumberAxis class, you can specify negative values for the area chart data.

Create one more series of data as shown in Example 4-7.

Example 4-7 Adding a Series of Data with Negative Values import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.chart.AreaChart; import javafx.scene.chart.NumberAxis; import javafx.scene.chart.XYChart; import javafx.stage.Stage;     public class AreaChartSample extends Application {   @Override public void start(Stage stage) {    stage.setTitle("Area Chart Sample");    final NumberAxis xAxis = new NumberAxis(1, 31, 1);    xAxis.setMinorTickCount(0);    final NumberAxis yAxis = new NumberAxis(-5, 27, 5);           yAxis.setMinorTickLength(yAxis.getTickLength());    yAxis.setForceZeroInRange(false);             final AreaChart<Number,Number> ac =        new AreaChart<Number,Number>(xAxis,yAxis);          ac.setTitle("Temperature Monitoring (in Degrees C)");      XYChart.Series seriesApril= new XYChart.Series();    seriesApril.setName("April");    seriesApril.getData().add(new XYChart.Data(0, 4));    seriesApril.getData().add(new XYChart.Data(3, 10));    seriesApril.getData().add(new XYChart.Data(6, 15));    seriesApril.getData().add(new XYChart.Data(9, 8));    seriesApril.getData().add(new XYChart.Data(12, 5));    seriesApril.getData().add(new XYChart.Data(15, 18));    seriesApril.getData().add(new XYChart.Data(18, 15));    seriesApril.getData().add(new XYChart.Data(21, 13));    seriesApril.getData().add(new XYChart.Data(24, 19));    seriesApril.getData().add(new XYChart.Data(27, 21));    seriesApril.getData().add(new XYChart.Data(30, 21));      XYChart.Series seriesMay = new XYChart.Series();    seriesMay.setName("May");    seriesMay.getData().add(new XYChart.Data(0, 20));    seriesMay.getData().add(new XYChart.Data(3, 15));    seriesMay.getData().add(new XYChart.Data(6, 13));    seriesMay.getData().add(new XYChart.Data(9, 12));    seriesMay.getData().add(new XYChart.Data(12, 14));    seriesMay.getData().add(new XYChart.Data(15, 18));    seriesMay.getData().add(new XYChart.Data(18, 25));    seriesMay.getData().add(new XYChart.Data(21, 25));    seriesMay.getData().add(new XYChart.Data(24, 23));    seriesMay.getData().add(new XYChart.Data(27, 26));    seriesMay.getData().add(new XYChart.Data(31, 26));   XYChart.Series seriesMarch = new XYChart.Series(); seriesMarch.setName("March"); seriesMarch.getData().add(new XYChart.Data(0, -2)); seriesMarch.getData().add(new XYChart.Data(3, -4)); seriesMarch.getData().add(new XYChart.Data(6, 0)); seriesMarch.getData().add(new XYChart.Data(9, 5)); seriesMarch.getData().add(new XYChart.Data(12, -4)); seriesMarch.getData().add(new XYChart.Data(15, 6)); seriesMarch.getData().add(new XYChart.Data(18, 8)); seriesMarch.getData().add(new XYChart.Data(21, 14)); seriesMarch.getData().add(new XYChart.Data(24, 4)); seriesMarch.getData().add(new XYChart.Data(27, 6)); seriesMarch.getData().add(new XYChart.Data(31, 6));        Scene scene = new Scene(ac,800,600); ac.getData().addAll(seriesMarch, seriesApril, seriesMay);    stage.setScene(scene);    stage.show(); }   public static void main(String[] args) { launch(args); } }  

Figure 4-7 demonstrates the Temperature Monitoring application modified to display the weather data for three months: March, April, and May.

Figure 4-7 Adding Negative Data

Description of "Figure 4-7 Adding Negative Data"

StylingAreaCharts

The color for each month in Example 4-7 is defined by the order of the corresponding data series as declared in the addAll method. That is why the March area in Figure 4-7 is painted yellow. You can set the color for AreaChart objects through CSS.

Create the Chart.css file and save it in the same directory as the main class of the AreaChartSample application. Add the lines shown in Example 4-8 to the Chart.css file.

Example 4-8 CSS Styles for an Area Chart .default-color0.chart-area-symbol { -fx-background-color: #e9967a, #ffa07a; } .default-color1.chart-area-symbol { -fx-background-color: #f0e68c, #fffacd; } .default-color2.chart-area-symbol { -fx-background-color: #dda0dd, #d8bfd855; }   .default-color0.chart-series-area-line { -fx-stroke: #e9967a; } .default-color1.chart-series-area-line { -fx-stroke: #f0e68c; } .default-color2.chart-series-area-line { -fx-stroke: #dda0dd; }   .default-color0.chart-series-area-fill { -fx-fill: #ffa07a55; } .default-color1.chart-series-area-fill { -fx-fill: #fffacd55; } .default-color2.chart-series-area-fill { -fx-fill: #d8bfd855; }

The chart-area-symbol CSS class defines parameters of the symbol in the chart legend for a particular data series. Example 4-8 sets the inner and outer colors for the circles in the chart legend.

The chart-series-area-line CSS class sets parameters for the area chart lines. In this example, the color of the line stroke. The chart-series-area-fill CSS class defines the color and the opacity level of the areas.

These styles are applied to the AreaChartSample application by using the getStylesheets() method of the Scene class, as shown Example 4-9.

Example 4-9 Applying CSS Styles to the Scene scene.getStylesheets().add("areachartsample/Chart.css");

Compiling and running this application produces the modified appearance of the area chart shown in Figure 4-8.


Поделиться с друзьями:

Опора деревянной одностоечной и способы укрепление угловых опор: Опоры ВЛ - конструкции, предназначен­ные для поддерживания проводов на необходимой высоте над землей, водой...

Индивидуальные и групповые автопоилки: для животных. Схемы и конструкции...

Поперечные профили набережных и береговой полосы: На городских территориях берегоукрепление проектируют с учетом технических и экономических требований, но особое значение придают эстетическим...

Автоматическое растормаживание колес: Тормозные устройства колес предназначены для уменьше­ния длины пробега и улучшения маневрирования ВС при...



© cyberpedia.su 2017-2024 - Не является автором материалов. Исключительное право сохранено за автором текста.
Если вы не хотите, чтобы данный материал был у нас на сайте, перейдите по ссылке: Нарушение авторских прав. Мы поможем в написании вашей работы!

0.008 с.