application.app.screen.ChrTst.xml Maven / Gradle / Ivy
<?xml version="1.0" encoding="UTF-8"?>
<!--
Document : ChrTst.xml
Created on : 16 de Oct de 2014
Author : Pablo Vidal
Description: Chart Test Screen
-->
<screen xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="https://aweframework.gitlab.io/awe/docs/schemas/screen.xsd" template="window" label="SCREEN_TITLE_CHART_TEST" help="HELP_SCREEN_TITLE_CHART_TEST">
<tag source="buttons">
<button label="BUTTON_SCREEN_HELP" icon="question-circle" id="ButHlp" help="HELP_HELP_BUTTON">
<button-action type="dialog" target="HlpOpt" />
</button>
<button id="ButPrn" label="BUTTON_PRINT" icon="print" help="HELP_PRINT_BUTTON">
<button-action type="dialog" target="PrnOpt" />
</button>
<button id="ButRep" label="BUTTON_RELOAD" icon="repeat">
<button-action type="server" server-action="data" target-action="TstChrTwoSrc" target="ChrLinTst" async="true" silent="true" />
<button-action type="server" server-action="data" target-action="TstChrThrDatSrc" target="ChrBarTst" async="true" silent="true"/>
<button-action type="server" server-action="data" target-action="TstChrThrDatSrcHor" target="ChrBarHorTst" async="true" silent="true"/>
<button-action type="server" server-action="data" target-action="TstChrPieDrillSrc" target="ChrPieTst" async="true" silent="true"/>
</button>
<button id="ButRst" help="HELP_RESET_BUTTON" label="BUTTON_RESET" icon="eraser">
<button-action type="reset" />
</button>
<button id="ButDlg" label="SCREEN_TITLE_CHART_TEST" icon="bar-chart">
<button-action type="validate" />
<button-action type="dialog" target="DlgChtTst" />
</button>
<button id="ButRes" label="SCREEN_TEXT_RESTORE" icon="undo">
<button-action type="restore" />
</button>
</tag>
<tag source="center">
<tag type="div" style="expand" expandible="horizontal">
<window label="SCREEN_TEXT_LINE_CHART" maximize="true" icon="line-chart" style="expand">
<chart id="ChrLinTst" label="SCREEN_TEXT_CHART_TITLE_1" subtitle="Subtitulo grafico 1" type="mixed" initial-load="query" target-action="TstChrTwoSrc" zoom-type="xAxis" max="30"
help-image="HELP_CHART_IMAGE_1">
<chart-legend label="Leyenda" />
<x-axis label="Fechassss" type="datetime" />
<y-axis label="Temperaturas (ºC)" formatter-function="formatCurrencyMagnitude"/>
<y-axis opposite="true" label="Lluvias (mm)" />
<chart-tooltip crosshairs="xAxis" suffix=" ºC" number-decimals="3" shared="true"/>
<chart-serie id="serie-1" y-axis="0" x-value="dates" y-value="serie1" type="column" label="Serie 1" color="#A8E0A6" />
<chart-serie id="serie-2" y-axis="1" x-value="dates" y-value="serie2" type="spline" label="Serie 2" />
<context-button id="CtxLinTstRef" label="BUTTON_RELOAD" icon="refresh">
<button-action type="server" server-action="data" target-action="TstChrTwoSrc" target="ChrLinTst" />
</context-button>
<dependency source-type="formule" target-type="chart-options" formule="{zoom: {x: {min: [xMin],max: [xMax]}}}">
<dependency-element id="ChrStockTst" attribute="xMin" alias="xMin" optional="true"/>
<dependency-element id="ChrStockTst" attribute="xMax" alias="xMax" optional="true"/>
<dependency-element id="ChrStockTst" event="zoom"/>
</dependency>
</chart>
</window>
<window label="SCREEN_TEXT_BAR_CHART" maximize="true" icon="bar-chart" style="expand">
<chart id="ChrBarTst" label="Grafico 2" subtitle="Subtitulo grafico 2" type="column_3d" stacking="normal" initial-load="query" target-action="TstChrThrDatSrc" max="21"
help-image="HELP_CHART_IMAGE_2">
<chart-legend layout="vertical" align="right" verticalAlign="middle" />
<x-axis label="SCREEN_TEXT_CHART_AXIS_DATES" type="datetime" />
<y-axis label="Temperaturas (ºC)" />
<chart-tooltip crosshairs="xAxis" suffix=" ºC" number-decimals="3" />
<chart-serie id="serie2-1" x-value="dates" y-value="serie1" type="column" label="SCREEN_TEXT_CHART_SERIE_1" />
<chart-serie id="serie2-2" x-value="dates" y-value="serie2" type="column" label="SCREEN_TEXT_CHART_SERIE_2" />
<chart-serie id="serie2-3" x-value="dates" y-value="serie3" type="column" label="SCREEN_TEXT_CHART_SERIE_3" />
<context-button id="CtxBarTstViw" label="BUTTON_VIEW" style="zoom-in">
<button-action type="screen" target="ChrTstZomBar"/>
</context-button>
<context-button id="CtxBarTstRef" label="BUTTON_RELOAD" style="refresh">
<button-action type="server" server-action="data" target-action="TstChrThrDatSrc" target="ChrBarTst" async="true" silent="true"/>
</context-button>
</chart>
</window>
<window label="SCREEN_TEXT_BAR_CHART_HORIZONTAL" maximize="true" icon="bar-chart" style="expand">
<chart id="ChrBarHorTst" label="Grafico 3" type="column" enable-data-labels="true" format-data-labels="{y:.3f}" inverted="true" initial-load="query" target-action="TstChrThrDatSrcHor"
max="3" help-image="HELP_CHART_IMAGE_3">
<chart-legend layout="vertical" align="right" verticalAlign="middle" border-width="1" />
<x-axis label="SCREEN_TEXT_CHART_AXIS_DATES" type="datetime" tick-interval="259200" />
<y-axis label="Temperaturas (ºC)" tick-interval="1" label-format="{value} ºC" />
<chart-tooltip suffix=" ºC" number-decimals="3" date-format="%Y-%m-%d" />
<chart-serie id="serie1" x-value="dates" y-value="serie1" label="Serie 1" />
<chart-serie id="serie2" x-value="dates" y-value="serie2" label="Serie 2" />
<context-button id="CtxBarHorTstViw" label="BUTTON_VIEW" style="zoom-in">
<button-action type="screen" target="ChrTstZomBar"/>
</context-button>
<context-button id="CtxBarHorTstRef" label="BUTTON_RELOAD" style="refresh">
<button-action type="server" server-action="data" target-action="TstChrThrDatSrcHor" target="ChrBarHorTst" async="true"/>
</context-button>
</chart>
</window>
<window label="SCREEN_TEXT_STOCK_CHART" maximize="true" icon="line-chart" style="expand">
<chart style="expand-3x" id="ChrStockTst" label="Grafico 4" theme="blue" stock-chart="true" zoom-type="xAxis" type="line" initial-load="query" target-action="TstChrThrDatSrcHor"
help-image="HELP_CHART_IMAGE_4" max="30">
<x-axis label="Fechas" type="datetime" />
<y-axis label="Temperaturas (ºC)" label-format="{value} ºC"/>
<chart-tooltip suffix=" ºC" number-decimals="2" />
<chart-serie id="serie1" x-value="dates" y-value="serie1" label="Serie 1" />
<dependency source-type="formule" target-type="chart-options" formule="{zoom: {x: {min: [xMin],max: [xMax]}}}">
<dependency-element id="ChrLinTst" attribute="xMin" alias="xMin" optional="true"/>
<dependency-element id="ChrLinTst" attribute="xMax" alias="xMax" optional="true"/>
<dependency-element id="ChrLinTst" event="zoom"/>
</dependency>
<context-button id="CtxChrStockTst" label="BUTTON_RELOAD" style="refresh">
<button-action type="server" server-action="data" target-action="TstChrThrDatSrcHor" target="ChrStockTst" async="true"/>
</context-button>
</chart>
</window>
<window label="SCREEN_TEXT_AREA_CHART" maximize="true" icon="area-chart" style="expand">
<chart id="ChrAreTst" label="Grafico 5" type="areaspline" initial-load="query" target-action="TstChrTwoSrcLab" max="16"
help-image="HELP_CHART_IMAGE_5">
<chart-legend align="right" verticalAlign="top" floating="true" />
<x-axis label="Fechas" type="datetime">
<chart-parameter type="object" name="dateTimeLabelFormats">
<chart-parameter type="string" name="day" value="%Y-%m-%d" />
</chart-parameter>
</x-axis>
<y-axis label="Temperaturas (ºC)" />
<chart-tooltip suffix=" ºC" number-decimals="3" />
<chart-serie id="serie1" x-value="dates" y-value="serie1" label="Serie 1" />
<chart-serie id="serie2" x-value="dates" y-value="serie2" label="Serie 2" />
<context-button id="CtxAreTstViw" label="BUTTON_VIEW" style="zoom-in">
<button-action type="screen" target="ChrTstZomBar"/>
</context-button>
<context-button id="CtxAreTstRef" label="BUTTON_RELOAD" style="refresh">
<button-action type="server" server-action="data" target-action="TstChrTwoSrcLab" target="ChrAreTst" async="true"/>
</context-button>
</chart>
</window>
</tag>
<tag type="div" style="expand" expandible="horizontal">
<window label="SCREEN_TEXT_PIE_CHART" maximize="true" icon="pie-chart" style="expand">
<chart id="ChrPieTst" label="Grafico 6" type="pie" initial-load="query" enable-data-labels="true" format-data-labels="<b>{point.name}</b>: {point.percentage:.1f} %"
target-action="TstChrPieDrillSrc" max="5" help-image="HELP_CHART_IMAGE_6">
<chart-legend enabled="true" />
<x-axis label="Themes" />
<y-axis label="Percent (%)" />
<chart-tooltip suffix=" %" number-decimals="2" />
<chart-serie id="serie1" x-value="names" y-value="serie1" label="Themes" drilldown-serie="serie1_1">
<chart-parameter type="array" name="keys">
<chart-parameter type="string" value="name" name=""/>
<chart-parameter type="string" value="y" name=""/>
<chart-parameter type="string" value="drilldown" name=""/>
</chart-parameter>
</chart-serie>
<chart-serie id="serie1_1" drilldown="true" x-value="names" y-value="subserie1" label="SubThemes" />
<chart-parameter type="object" name="plotOptions">
<chart-parameter type="object" name="pie">
<chart-parameter type="string" name="size" value="75%" />
</chart-parameter>
</chart-parameter>
<context-button id="CtxPieTstViw" label="BUTTON_VIEW" style="zoom-in">
<button-action type="screen" target="ChrTstZomBar"/>
</context-button>
<context-button id="CtxPieTstRef" label="BUTTON_RELOAD" style="refresh">
<button-action type="server" server-action="data" target-action="TstChrPieDrillSrc" target="ChrPieTst" async="true"/>
</context-button>
</chart>
</window>
<window label="SCREEN_TEXT_DONUT_CHART" icon="pie-chart" maximize="true" style="expand">
<chart id="ChrDonutTst" label="Grafico 7" type="donut_3d" initial-load="query" target-action="TstChrPieSrc" max="5"
help-image="HELP_CHART_IMAGE_7">
<chart-legend enabled="true" />
<x-axis label="Themes" />
<y-axis label="Percent (%)" />
<chart-tooltip suffix=" %" number-decimals="2" />
<chart-serie id="serie1" x-value="names" y-value="serie1" label="Themes" />
<chart-parameter type="object" name="plotOptions">
<chart-parameter type="object" name="pie">
<chart-parameter type="string" name="size" value="75%" />
<chart-parameter type="string" name="innerSize" value="40%" />
</chart-parameter>
</chart-parameter>
</chart>
</window>
<window label="SCREEN_TEXT_SEMICIRCLE_CHART" icon="pie-chart" maximize="true" style="expand">
<chart id="ChrSemiCircleTst" label="Grafico 8" type="semicircle" theme="gray" enable-data-labels="true" initial-load="query" target-action="TstChrPieSrc" max="5"
help-image="HELP_CHART_IMAGE_8">
<chart-legend enabled="true" />
<x-axis label="Themes" />
<y-axis label="Percent (%)" />
<chart-tooltip suffix=" %" number-decimals="2" />
<chart-serie id="serie1" x-value="names" y-value="serie1" label="Themes" />
<chart-parameter type="object" name="title">
<chart-parameter type="string" name="align" value="center" />
<chart-parameter type="string" name="verticalAlign" value="middle" />
<chart-parameter type="integer" name="y" value="50" />
</chart-parameter>
<chart-parameter type="object" name="plotOptions">
<chart-parameter type="object" name="pie">
<chart-parameter type="string" name="size" value="75%" />
<chart-parameter type="string" name="innerSize" value="40%" />
<chart-parameter type="object" name="dataLabels">
<chart-parameter type="boolean" name="enabled" value="true" />
<chart-parameter type="integer" name="distance" value="-20" />
<chart-parameter type="object" name="style">
<chart-parameter type="string" name="fontWeight" value="bold" />
<chart-parameter type="string" name="color" value="white" />
<chart-parameter type="string" name="textShadow" value="0px 1px 2px black" />
</chart-parameter>
</chart-parameter>
</chart-parameter>
</chart-parameter>
</chart>
</window>
<window label="SCREEN_TEXT_BUBBLE_CHART" maximize="true" icon="circle-o" style="expand">
<chart id="ChrBubTst" label="Grafico 9" subtitle="Subtitulo grafico 9" type="bubble" initial-load="query" target-action="TstChrOneSrcThrAxs" max="21"
help-image="HELP_CHART_IMAGE_9">
<chart-legend layout="vertical" align="right" verticalAlign="middle" />
<x-axis label="SCREEN_TEXT_CHART_AXIS_DATES" type="datetime" />
<y-axis label="Temperaturas (ºC)" />
<chart-tooltip suffix=" ºC" number-decimals="3" />
<chart-serie id="serie2-1" x-value="Ord" y-value="serie1_1" z-value="serie1_2" label="SCREEN_TEXT_CHART_SERIE_1" />
<chart-parameter type="object" name="plotOptions">
<chart-parameter type="object" name="series">
<chart-parameter type="object" name="dataLabels">
<chart-parameter type="boolean" name="enabled" value="true" />
<chart-parameter type="string" name="format" value="{point.y:.2f}" />
</chart-parameter>
</chart-parameter>
</chart-parameter>
</chart>
</window>
<window label="SCREEN_TEXT_SCATTER_PLOT" maximize="true" icon="cloud" style="expand">
<chart id="ChrScaTst" label="Grafico 10" subtitle="Subtitulo grafico 10" type="scatter" initial-load="query" target-action="TstChrOneSrcThrAxs" max="21"
help-image="HELP_CHART_IMAGE_10">
<chart-legend layout="vertical" align="right" verticalAlign="middle" />
<x-axis label="SCREEN_TEXT_CHART_AXIS_DATES" type="datetime" />
<y-axis label="Temperaturas (ºC)" />
<chart-tooltip suffix=" ºC" number-decimals="3" />
<chart-serie id="serie2-1" x-value="Ord" y-value="serie1_1" z-value="serie1_2" label="SCREEN_TEXT_CHART_SERIE_1" />
<!--<chart-parameter type="object" name="plotOptions">
<chart-parameter type="object" name="series">
<chart-parameter type="object" name="dataLabels">
<chart-parameter type="boolean" name="enabled" value="true" />
<chart-parameter type="string" name="format" value="{point.y:.2f}" />
</chart-parameter>
</chart-parameter>
</chart-parameter>-->
</chart>
</window>
</tag>
</tag>
<tag source="modal">
<include target-screen="PrnOpt" target-source="center" />
<include target-screen="screen-help" target-source="center"/>
</tag>
</screen>