Chart DSL - Revision history

Cmollik at 19:22, 4 April 2017

2017-04-04T19:22:01Z

Hamid: /* using datamart */

2017-01-15T20:11:01Z

‎using datamart

Hamid: /* using datamart */

2017-01-15T20:10:06Z

‎using datamart

Hamid: /* using datamart */

2017-01-15T20:07:45Z

‎using datamart

Hamid: /* using datamart */

2017-01-15T20:05:29Z

‎using datamart

Hamid: /* using datamart */

2017-01-15T20:03:35Z

‎using datamart

Hamid: /* using datamart */

2017-01-15T19:58:06Z

‎using datamart

Hamid: /* using datamart */

2017-01-15T19:55:24Z

‎using datamart

Hamid: /* using datamart */

2017-01-15T19:54:54Z

‎using datamart

Hamid: /* tree */

2017-01-15T19:54:25Z

‎tree

@@ Line 1: / Line 1: @@
-== Copyright Notice ==
-{{Copyright Notice}}
 == Introduction ==
@@ Line 392: / Line 391: @@
+}
 </syntaxhighlight>

@@ Line 377: / Line 377: @@
 *<legend placement> can be inside, inside-grid, outside or outside-grid.  It is set with <br><code>Legend legend = new Legend().setShow(true); <br>legend.setPlacement(LegendPlacements.<legend placement>); <br>options.setLegend(legend);</code> in <code>createChart()</code>.
 *<toggle type> can be normal, slow or fast. It is set with <code>EnhancedLegendRenderer renderer = new EnhancedLegendRenderer();<br>renderer.setSeriesToggle(SeriesToggles.<toggle type>);<br>renderer.setSeriesToggleReplot(true);<br>legend.setRendererOptions(renderer);</code> in <code>createChart()</code>.
-*<tooltip location> can be north, north-east, east, south-east, south, south-west, west or north-west. tooltip location.<br><code>always</code> and <code>inside</code> are set with:<br>
+*<tooltip location> can be north, north-east, east, south-east, south, south-west, west or north-west. tooltip location.<br><code>always</code> and <code>inside</code> are set with:<br><code>Highlighter highlighter = new Highlighter().setShow(true);<br>highlighter.setShowTooltip(true).setTooltipAlwaysVisible(<true if always is selected>).setKeepTooltipInsideChart(<true if inside is selected>).setTooltipLocation(TooltipLocations.<tooltip location>).setBringSeriesToFront(true).setFadeTooltip(true).setShowMarker(true);<br>highlighter.setTooltipAxes(TooltipAxes.<axis prefix><postfix>);<br>options.setHighlighter(highlighter);</code> in <code>createChart()</code>.
 <code>Highlighter highlighter = new Highlighter().setShow(true);<br>highlighter.setShowTooltip(true).setTooltipAlwaysVisible(<true if always is selected>).setKeepTooltipInsideChart(<true if inside is selected>).setTooltipLocation(TooltipLocations.<tooltip location>).setBringSeriesToFront(true).setFadeTooltip(true).setShowMarker(true);<br>highlighter.setTooltipAxes(TooltipAxes.<axis prefix><postfix>);<br>options.setHighlighter(highlighter);</code> in <code>createChart()</code>.
 *For each '''filtered''' or '''selected''' level in the datamart, a corresponding EventHandler is generated in <code>setup()</code>.

@@ Line 377: / Line 377: @@
 *<legend placement> can be inside, inside-grid, outside or outside-grid.  It is set with <br><code>Legend legend = new Legend().setShow(true); <br>legend.setPlacement(LegendPlacements.<legend placement>); <br>options.setLegend(legend);</code> in <code>createChart()</code>.
 *<toggle type> can be normal, slow or fast. It is set with <code>EnhancedLegendRenderer renderer = new EnhancedLegendRenderer();<br>renderer.setSeriesToggle(SeriesToggles.<toggle type>);<br>renderer.setSeriesToggleReplot(true);<br>legend.setRendererOptions(renderer);</code> in <code>createChart()</code>.
-*<tooltip location> can be north, north-east, east, south-east, south, south-west, west or north-west. tooltip location.<br>
+*<tooltip location> can be north, north-east, east, south-east, south, south-west, west or north-west. tooltip location.<br><code>always</code> and <code>inside</code> are set with:<br>
 <code>always</code> and <code>inside</code> are set with:<br>
 <code>Highlighter highlighter = new Highlighter().setShow(true);<br>highlighter.setShowTooltip(true).setTooltipAlwaysVisible(<true if always is selected>).setKeepTooltipInsideChart(<true if inside is selected>).setTooltipLocation(TooltipLocations.<tooltip location>).setBringSeriesToFront(true).setFadeTooltip(true).setShowMarker(true);<br>highlighter.setTooltipAxes(TooltipAxes.<axis prefix><postfix>);<br>options.setHighlighter(highlighter);</code> in <code>createChart()</code>.
 *For each '''filtered''' or '''selected''' level in the datamart, a corresponding EventHandler is generated in <code>setup()</code>.

@@ Line 377: / Line 377: @@
 *<legend placement> can be inside, inside-grid, outside or outside-grid.  It is set with <br><code>Legend legend = new Legend().setShow(true); <br>legend.setPlacement(LegendPlacements.<legend placement>); <br>options.setLegend(legend);</code> in <code>createChart()</code>.
 *<toggle type> can be normal, slow or fast. It is set with <code>EnhancedLegendRenderer renderer = new EnhancedLegendRenderer();<br>renderer.setSeriesToggle(SeriesToggles.<toggle type>);<br>renderer.setSeriesToggleReplot(true);<br>legend.setRendererOptions(renderer);</code> in <code>createChart()</code>.
-*<tooltip location> can be north, north-east, east, south-east, south, south-west, west or north-west. tooltip location.  <code>always</code> and <code>inside</code> are set with <br><code>Highlighter highlighter = new Highlighter().setShow(true);<br>highlighter.setShowTooltip(true).setTooltipAlwaysVisible(<true if always is selected>).setKeepTooltipInsideChart(<true if inside is selected>).setTooltipLocation(TooltipLocations.<tooltip location>).setBringSeriesToFront(true).setFadeTooltip(true).setShowMarker(true);<br>highlighter.setTooltipAxes(TooltipAxes.<axis prefix><postfix>);<br>options.setHighlighter(highlighter);</code> in <code>createChart()</code>.
+*<tooltip location> can be north, north-east, east, south-east, south, south-west, west or north-west. tooltip location.<br>
-*For each '''filtered''' or '''selected''' level in datamart, a corresponded EventHandler will be generated in <code>setup()</code>.
+<code>always</code> and <code>inside</code> are set with:<br>

@@ Line 377: / Line 377: @@
 *<legend placement> can be inside, inside-grid, outside or outside-grid.  It is set with <br><code>Legend legend = new Legend().setShow(true); <br>legend.setPlacement(LegendPlacements.<legend placement>); <br>options.setLegend(legend);</code> in <code>createChart()</code>.
 *<toggle type> can be normal, slow or fast. It is set with <code>EnhancedLegendRenderer renderer = new EnhancedLegendRenderer();<br>renderer.setSeriesToggle(SeriesToggles.<toggle type>);<br>renderer.setSeriesToggleReplot(true);<br>legend.setRendererOptions(renderer);</code> in <code>createChart()</code>.
-*<tooltip location> can be north, north-east, east, south-east, south, south-west, west or north-west. tooltip location, always  and inside will be set with <br><code>Highlighter highlighter = new Highlighter().setShow(true);<br>highlighter.setShowTooltip(true).setTooltipAlwaysVisible(<true if always is selected>).setKeepTooltipInsideChart(<true if inside is selected>).setTooltipLocation(TooltipLocations.<tooltip location>).setBringSeriesToFront(true).setFadeTooltip(true).setShowMarker(true);<br>highlighter.setTooltipAxes(TooltipAxes.<axis prefix><postfix>);<br>options.setHighlighter(highlighter);</code> in <code>createChart()</code>.
+*<tooltip location> can be north, north-east, east, south-east, south, south-west, west or north-west. tooltip location.  <code>always</code> and <code>inside</code> are set with <br><code>Highlighter highlighter = new Highlighter().setShow(true);<br>highlighter.setShowTooltip(true).setTooltipAlwaysVisible(<true if always is selected>).setKeepTooltipInsideChart(<true if inside is selected>).setTooltipLocation(TooltipLocations.<tooltip location>).setBringSeriesToFront(true).setFadeTooltip(true).setShowMarker(true);<br>highlighter.setTooltipAxes(TooltipAxes.<axis prefix><postfix>);<br>options.setHighlighter(highlighter);</code> in <code>createChart()</code>.
 *For each '''filtered''' or '''selected''' level in datamart, a corresponded EventHandler will be generated in <code>setup()</code>.

@@ Line 373: / Line 373: @@
 '''Notes''':
 *<render type> can be category, linear, date, logarithmic or pyramid. If <render type> is logarithmic, linear or pyramid, then the axis is the data axis;  for category and date, the axis is the category axis.  It is set with <br><code>axes.addAxis(new XYaxis(XYaxes.<axis prefix>).setRenderer(AxisRenderers.<render type>).setLabel(<category axis name>AxisLabel).setTicks(<category axis name>Ticks).setTickOptions(tickRenderer));</code> in <code>createChart()</code>.
-*If '''shortLabel''' is configured, use only last level name in <code>createChart()</code>.
+*If <code>shortLabel</code> is configured, use only the last level name in <code>createChart()</code>.
-*'''tickangle''' will be set with<br><code>axes.addAxis(new XYaxis(XYaxes.<axis prefix>).setTickOptions(tickRenderer.setAngle(<angle number>)));</code> and <br><code>axes.addAxis(new XYaxis(XYaxes.<axis prefix>).setTickOptions(axisTickRenderer.setAngle(<angle number>)));</code> in <code>createChart()</code>.
+*<code>tickangle</code> is set with<br><code>axes.addAxis(new XYaxis(XYaxes.<axis prefix>).setTickOptions(tickRenderer.setAngle(<angle number>)));</code> and <br><code>axes.addAxis(new XYaxis(XYaxes.<axis prefix>).setTickOptions(axisTickRenderer.setAngle(<angle number>)));</code> in <code>createChart()</code>.
-*'''legend placement''' is including inside, inside-grid, outside and outside-grid.  It will be set with <br><code>Legend legend = new Legend().setShow(true); <br>legend.setPlacement(LegendPlacements.<legend placement>); <br>options.setLegend(legend);</code> in <code>createChart()</code>.
+*<legend placement> can be inside, inside-grid, outside or outside-grid.  It is set with <br><code>Legend legend = new Legend().setShow(true); <br>legend.setPlacement(LegendPlacements.<legend placement>); <br>options.setLegend(legend);</code> in <code>createChart()</code>.
-*'''toggle type''' is including normal, slow and fast. It will be set with <code>EnhancedLegendRenderer renderer = new EnhancedLegendRenderer();<br>renderer.setSeriesToggle(SeriesToggles.<toggle type>);<br>renderer.setSeriesToggleReplot(true);<br>legend.setRendererOptions(renderer);</code> in <code>createChart()</code>.
+*<toggle type> can be normal, slow or fast. It is set with <code>EnhancedLegendRenderer renderer = new EnhancedLegendRenderer();<br>renderer.setSeriesToggle(SeriesToggles.<toggle type>);<br>renderer.setSeriesToggleReplot(true);<br>legend.setRendererOptions(renderer);</code> in <code>createChart()</code>.
-*'''tooltip location''' is including north, north-east, east, south-east, south, south-west, west and north-west. tooltip location, always  and inside will be set with <br><code>Highlighter highlighter = new Highlighter().setShow(true);<br>highlighter.setShowTooltip(true).setTooltipAlwaysVisible(<true if always is selected>).setKeepTooltipInsideChart(<true if inside is selected>).setTooltipLocation(TooltipLocations.<tooltip location>).setBringSeriesToFront(true).setFadeTooltip(true).setShowMarker(true);<br>highlighter.setTooltipAxes(TooltipAxes.<axis prefix><postfix>);<br>options.setHighlighter(highlighter);</code> in <code>createChart()</code>.
+*<tooltip location> can be north, north-east, east, south-east, south, south-west, west or north-west. tooltip location, always  and inside will be set with <br><code>Highlighter highlighter = new Highlighter().setShow(true);<br>highlighter.setShowTooltip(true).setTooltipAlwaysVisible(<true if always is selected>).setKeepTooltipInsideChart(<true if inside is selected>).setTooltipLocation(TooltipLocations.<tooltip location>).setBringSeriesToFront(true).setFadeTooltip(true).setShowMarker(true);<br>highlighter.setTooltipAxes(TooltipAxes.<axis prefix><postfix>);<br>options.setHighlighter(highlighter);</code> in <code>createChart()</code>.
 *For each '''filtered''' or '''selected''' level in datamart, a corresponded EventHandler will be generated in <code>setup()</code>.

@@ Line 356: / Line 356: @@
 ==== using datamart ====
-Defines the data source details for this chart , e.g. row/column configurations, legend details and tooltips configurations.
+Defines the data source details for this chart, e.g., row/column configurations, legend details and tooltip settings.
 ► '''Syntax''':

@@ Line 352: / Line 352: @@
+}
 </syntaxhighlight>
-<br><br><br>
+<br><br><br><br><br>
 ==== using datamart ====