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

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, ...).

There is a newer version: 11.2.7

Show newest version

.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; }