de.gsi.chart.chart.css Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of chartfx-chart Show documentation
Show all versions of chartfx-chart Show documentation
This charting library ${project.artifactId}- is an extension
in the spirit of Oracle's XYChart and performance/time-proven JDataViewer charting functionalities.
Emphasis was put on plotting performance for both large number of data points and real-time displays,
as well as scientific accuracies leading to error bar/surface plots, and other scientific plotting
features (parameter measurements, fitting, multiple axes, zoom, ...).
.chart-datapoint-tooltip-label {
-fx-background-color: rgb(153.0, 204.0, 204.0);
-fx-border-color: black;
-fx-border-radius: 3.0;
-fx-font-size: 12.0;
-fx-font-weight: bold;
-fx-text-alignment: center;
}
.axis-label {
-fx-font-size: 13.0;
-fx-font-weight: normal;
/*-fx-stroke: derive(-fx-background,-30%);*/
-fx-stroke: rgb(255, 0, 0);
/*-fx-text-alignment: center;*/
-fx-axis-label-alignment: center;
}
.chart-crosshair-path {
-fx-stroke-width: 1.0;
}
.chart-zoom-rect {
-fx-fill: dodgerblue;
-fx-stroke: #002966 ;
-fx-stroke-type: inside;
-fx-stroke-width: 1.0;
-fx-opacity: 0.2;
}
.chart-select-rect {
-fx-fill: transparent;
-fx-stroke: gray ;
-fx-stroke-width: 1.5;
-fx-stroke-dash-offset: 6;
-fx-stroke-dash-array: 12 2 4 2;
-fx-stroke-line-cap: butt;
-fx-effect: dropshadow(three-pass-box, derive(gray, -20%), 10, 0, 4, 4);
}
.chart-select-marker {
-fx-fill: transparent;
-fx-stroke: lightGreen ;
-fx-stroke-width: 1.5;
-fx-stroke-dash-offset: 6;
-fx-stroke-dash-array: 12 2 4 2;
-fx-stroke-line-cap: butt;
-fx-opacity: 1.0;
-fx-effect: dropshadow(three-pass-box, green, 5, 0.5, 0, 0);
}
.chart-select-marker:noEdit {
-fx-fill: transparent;
-fx-stroke: red ;
-fx-stroke-width: 1.5;
-fx-stroke-dash-offset: 6;
-fx-stroke-dash-array: 12 2 4 2;
-fx-stroke-line-cap: butt;
-fx-opacity: 1.0;
-fx-effect: dropshadow(three-pass-box, red, 5, 0.5, 0, 0);
}
.chart-series-line {
-fx-stroke-width: 1.0px;
-fx-effect: null;
}
.value-indicator-label{
-fx-background-color: #f4e242;
-fx-border-color: black;
-fx-border-radius: 2.0;
-fx-font-size: 12.0;
-fx-font-weight: bold;
-fx-text-alignment: center;
-fx-padding: 1.0 2.0 1.0 2.0;
}
.range-indicator-label{
-fx-background-color: #f4e242;
-fx-border-color: black;
-fx-border-radius: 2.0;
-fx-font-size: 12.0;
-fx-font-weight: bold;
-fx-text-alignment: center;
-fx-padding: 1.0 2.0 1.0 2.0;
}
.value-indicator-line{
-fx-stroke-width: 1;
-fx-stroke: black;
-fx-stroke-dash-array: 8;
}
.value-indicator-marker {
-fx-stroke-width: 0.5;
-fx-stroke: derive(-fx-background,-30%);
-fx-fill: dodgerblue;
}
.range-indicator-rect{
-fx-stroke: transparent;
-fx-fill: #416ef468;
}
/*******************************************************************************
* *
* ChartPlot *
* *
******************************************************************************/
.chart-major-grid-lines {
-fx-stroke: derive(-fx-background,-10%);
-fx-stroke-dash-array: 4.5, 2.5;
-fx-stroke-width: 0.5;
-fx-grid-on-top: true;
}
.chart-major-grid-lines:withMinor {
-fx-stroke: derive(-fx-background,-20%);
}
.chart-minor-grid-lines {
-fx-stroke: derive(-fx-background,-5%);
-fx-stroke-width: 0.5;
visibility: inherit;
}
.chart-major-vertical-lines .chart-major-grid-lines {
/* use this to override v-specific settings */
}
.chart-major-horizontal-grid-lines .chart-major-grid-lines {
/* use this to override h-specific settings */
}
.chart-minor-vertical-grid-lines .chart-minor-grid-lines {
/* use this to override v-specific settings */
}
.chart-minor-horizontal-grid-lines .chart-minor-grid-lines {
/* use this to override h-specific settings */
}
.chart-alternative-column-fill {
-fx-fill: null;
-fx-stroke: null;
}
.chart-alternative-row-fill {
-fx-fill: null;
-fx-stroke: null;
}
.chart-vertical-zero-line,
.chart-horizontal-zero-line {
-fx-stroke: derive(-fx-text-background-color, 40%);
}
.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, #d8bfd8; }
.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: #ffa07aaa}
.default-color1.chart-series-area-fill { -fx-fill: #fffacd77; }
.default-color2.chart-series-area-fill { -fx-fill: #d8bfd833; }