You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ah...@apache.org on 2018/10/31 22:27:39 UTC
[royale-asjs] 04/09: charts seem to need paddingTop/Bottom
This is an automated email from the ASF dual-hosted git repository.
aharui pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
commit 73afc98b0300762af9fa1aec4618dbeac4b14f8c
Author: Alex Harui <ah...@apache.org>
AuthorDate: Wed Oct 31 15:23:40 2018 -0700
charts seem to need paddingTop/Bottom
---
.../MXRoyale/src/main/resources/defaults.css | 329 +++++++++++++++++++++
1 file changed, 329 insertions(+)
diff --git a/frameworks/projects/MXRoyale/src/main/resources/defaults.css b/frameworks/projects/MXRoyale/src/main/resources/defaults.css
index f73ef0b..fea518d 100644
--- a/frameworks/projects/MXRoyale/src/main/resources/defaults.css
+++ b/frameworks/projects/MXRoyale/src/main/resources/defaults.css
@@ -18,6 +18,7 @@
*/
@namespace Basic "library://ns.apache.org/royale/basic";
@namespace "library://ns.apache.org/royale/mx";
+@namespace charts "mx.charts.chartClasses.*";
.royale *, . royale *:before, . royale *:after {
-moz-box-sizing: border-box;
@@ -292,6 +293,334 @@ ViewStack
IBeadLayout: ClassReference("mx.containers.beads.BoxLayout");
}
+charts|ChartBase
+{
+ dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
+ fontSize : 10;
+ paddingTop : 0;
+ paddingBottom : 0;
+}
+
+charts|CartesianChart
+{
+ axisColor : #D5DEDD;
+ dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
+ fontSize : 10;
+}
+
+charts|PolarChart
+{
+ dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
+ fontSize : 10;
+}
+
+AreaChart
+{
+ axisColor : #D5DEDD;
+ dataTipRenderer: ClassReference("mx.charts.chartClasses.DataTip");
+ fontSize : 10;
+ textAlign : "left";
+}
+
+AreaSeries
+{
+ adjustedRadius: 2;
+ radius: 4;
+}
+
+/*
+//--------------------------------
+// BarSeries
+//--------------------------------
+*/
+
+BarSeries
+{
+ labelClass: ClassReference("spark.components.Label");
+ labelSizeLimit : 9;
+}
+
+/*
+//--------------------------------
+// BarChart
+//--------------------------------
+*/
+
+BarChart
+{
+ labelClass: ClassReference("spark.components.Label");
+ axisColor: #D5DEDD;
+ barWidthRatio : 0.65;
+ dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
+ fontSize : 10;
+ gridLinesStyleName : "horizontalGridLines";
+ textAlign : "left";
+}
+
+BubbleSeries
+{
+
+}
+
+BubbleChart
+{
+ axisColor : #D5DEDD;
+ dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
+ fontSize : 10;
+ gridLinesStyleName : "bothGridLines";
+ maxRadius : 50;
+ minRadius : 0;
+ textAlign : "left";
+}
+
+CandlestickSeries
+{
+
+}
+
+CandlestickChart
+{
+ axisColor: #D5DEDD;
+ columnWidthRatio : 0.65;
+ dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
+ fontSize : 10;
+ textAlign : "left";
+}
+
+/*
+//--------------------------------
+// ColumnSeries
+//--------------------------------
+*/
+
+ColumnSeries
+{
+ labelClass: ClassReference("spark.components.Label");
+ labelSizeLimit : 9;
+}
+
+/*
+//--------------------------------
+// ColumnChart
+//--------------------------------
+*/
+
+ColumnChart
+{
+ labelClass: ClassReference("spark.components.Label");
+ axisColor : #D5DEDD;
+ columnWidthRatio : 0.65;
+ dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
+ fontSize : 10;
+ textAlign : "left";
+}
+
+HLOCSeries
+{
+ closeTickLength : 3;
+ openTickLength: 3;
+ hlocColor: 0;
+}
+
+HLOCChart
+{
+ axisColor : #D5DEDD;
+ columnWidthRatio : 0.65;
+ dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
+ fontSize : 10;
+ textAlign : "left";
+}
+
+LineSeries
+{
+ adjustedRadius: 2;
+ radius : 4;
+}
+
+LineChart
+{
+ axisColor : #D5DEDD;
+ dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
+ fontSize : 10;
+ textAlign : "left";
+}
+
+PlotSeries
+{
+ radius: 5;
+ adjustedRadius : 2;
+}
+
+PlotChart
+{
+ axisColor : #D5DEDD;
+ dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
+ fontSize : 10;
+ gridLinesStyleName : "bothGridLines";
+ textAlign : "left";
+}
+
+PieSeries
+{
+ calloutGap : 10;
+ innerRadius : 0;
+ insideLabelSizeLimit : 9;
+ labelPosition : "none";
+ renderDirection : "counterClockwise";
+ shadowDepth : 4;
+}
+
+PieChart
+{
+ dataTipRenderer: ClassReference("mx.charts.chartClasses.DataTip");
+ fontSize : 10;
+ innerRadius : 0;
+ textAlign : "left";
+}
+
+/*
+//--------------------------------
+// AxisRenderer
+//--------------------------------
+*/
+
+AxisRenderer
+{
+ labelClass: ClassReference("spark.components.Label");
+ canDropLabels : ClassReference(null);
+ canStagger : true;
+ labelGap : 3;
+ labelRotation : NaN;
+ minorTickLength : 0;
+ minorTickPlacement : "none";
+ showLabels : true;
+ showLine : true;
+ tickLength : 3;
+ tickPlacement : "outside";
+ labelAlign : "center";
+ verticalAxisTitleAlignment:"flippedVertical";
+}
+
+.verticalAxisStyle
+{
+ minorTickLength : 2;
+ minorTickPlacement : "outside";
+ tickLength : 5;
+}
+
+.blockNumericAxis
+{
+ minorTickLength : 0;
+ minorTickPlacement : "cross";
+ tickLength : 8;
+}
+
+.linedNumericAxis
+{
+ minorTickLength : 4;
+ minorTickPlacement : "outside";
+ tickLength : 8;
+}
+
+.dashedNumericAxis
+{
+ minorTickLength : 4;
+ minorTickPlacement : "outside";
+ showLine : false;
+ tickLength : 8;
+}
+.blockCategoryAxis
+{
+ minorTickLength : 0;
+ minorTickPlacement : "none";
+ tickLength : 0;
+ tickPlacement : "cross";
+}
+
+.hangingCategoryAxis
+{
+ minorTickLength : 0;
+ minorTickPlacement : "cross";
+ tickLength : 4;
+}
+
+.dashedCategoryAxis
+{
+ minorTickPlacement : "none";
+ tickLength : 0;
+ tickPlacement : "cross";
+}
+
+GridLines
+{
+ gridDirection : "horizontal";
+ horizontalShowOrigin : true;
+ horizontalTickAligned : true;
+ verticalShowOrigin : false;
+ verticalTickAligned: true;
+}
+
+.horizontalGridLines
+{
+ gridDirection : "vertical";
+ horizontalShowOrigin : false;
+ horizontalTickAligned : true;
+ verticalShowOrigin : true;
+ verticalTickAligned: true;
+}
+
+.bothGridLines
+{
+ gridDirection : "both";
+ horizontalShowOrigin : true;
+ horizontalTickAligned: true;
+ verticalShowOrigin : true;
+ verticalTickAligned: true;
+}
+
+/*
+//-------------------------------
+// LegendItem
+//-------------------------------
+*/
+
+LegendItem
+{
+ fill: #000000;
+ fontWeight: "bold";
+ fontSize: 10;
+}
+
+/*
+//-------------------------------
+// Legend
+//-------------------------------
+*/
+
+Legend
+{
+ borderStyle: "none";
+ horizontalGap: 20;
+ maintainAspectRatio: true;
+ paddingBottom: 5;
+ paddingLeft: 5;
+ paddingRight: 5;
+ paddingTop: 5;
+ verticalGap: 7;
+}
+
+
+/*
+//-------------------------------
+// DataTip
+//-------------------------------
+*/
+
+charts|DataTip
+{
+ backgroundColor: #FFFFFF;
+}
+
/* -------------------------------------------------------
* SWF specific styles
* -------------------------------------------------------