<ej-chartid="container"can-resize="true"theme="@Syncfusion.JavaScript.DataVisualization.ChartTheme.GradientDark"> <e-row-definitions> <e-row-definitionrow-height="50"unit="Percentage">e-row-definition> <e-row-definitionrow-height="50"unit="Percentage">e-row-definition> e-row-definitions> <e-primary-x-axisvalue-type="@AxisValueType.Datetime"label-intersect-action="@LabelIntersectAction.Hide"label-format="HH:mm"/> <e-primary-y-axisvisible="true"name="tempAxis"row-index="0"edge-label-placement="@Syncfusion.JavaScript.DataVisualization.EdgeLabelPlacement.Hide"> <e-titletext="Temp.°C">e-title> <e-axis-linevisible="true"color="Red"width="3">e-axis-line> e-primary-y-axis> <e-axes> <e-axisname="yAxis3"opposed-position="false"orientation="Vertical"row-index="1"label-format="{value}%"edge-label-placement="@Syncfusion.JavaScript.DataVisualization.EdgeLabelPlacement.Hide"> <e-rangemax="@(Model.MaxRelativeHumidity/5)*5+5"min="@((Model.MinRelativeHumidity-2)/5)*5"interval="5"/> <e-major-grid-linescolor="SteelBlue"width="0.5"/> <e-titletext="RH%">e-title> <e-axis-linevisible="true"color="SteelBlue"width="3"/> e-axis> <e-axisname="yAxis2"opposed-position="true"orientation="Vertical"row-span="2"row-index="0"edge-label-placement="@Syncfusion.JavaScript.DataVisualization.EdgeLabelPlacement.Shift"> <e-rangemax="@((Model.MaxCO2+25)/50)*50+50"min="@((Model.MinCO2-25)/50)*50"interval="50"/> <e-major-grid-linescolor="green"width="0.5"/> <e-titletext="CO²ppm">e-title> <e-axis-linevisible="true"color="Green"width="3">e-axis-line> e-axis> e-axes> <e-titletext="@Model.CurrentData.ReadDateUTC.ToLongDateString()">e-title> <e-sizeheight="500">e-size> <e-legendvisible="true">e-legend> <e-crosshairtype="@CrosshairType.Trackball"visible="true"/> <e-common-series-optionstype="@SeriesType.Line"datasource="@Model.Records"enable-animation="true"> e-common-series-options> <e-chart-series> <e-seriesname="Temp."fill="Red"y-axis-name="tempAxis"z-order="300"x-name="ReadDateUTC"y-name="Temperature"> e-series> <e-seriesname="CO²"fill="green"y-axis-name="yAxis2"z-order="100"x-name="ReadDateUTC"y-name="CO2"> e-series> <e-seriesname="RH"fill="SteelBlue"y-axis-name="yAxis3"z-order="200"x-name="ReadDateUTC"y-name="RelativeHumidity"> e-series> e-chart-series> ej-chart>
Hi Saravana,
thank you for the comprehensive information and the fast response.
Manfred