Hello,
Is it possible to add a single vertical stripline | to the y-axis as a place holder on the graph.
For example, the x-axis has dates, y-axis has time in hours. The data points have high and low values for a RangeBarchartData.
How do I get a red vertical strip on a specific time (y-axis) to display when it is not a point and really does not affect the data in anyway. It will be used to see what time of day it is on page load.
Code Used Below:
<ejs-chart id="lineContainer" load="window.onChartLoad" title="Check-In Times"
isTransposed="true">
<e-chart-chartarea>
<e-chartarea-border width="0"></e-chartarea-border>
</e-chart-chartarea>
<e-chart-primaryxaxis valueType="Category">
<e-majorgridlines width="0"></e-majorgridlines>
</e-chart-primaryxaxis>
<e-chart-primaryyaxis edgeLabelPlacement="Shift"
labelFormat = "{value} Hrs"
minimum="0.00"
maximum="24.00" >
<e-majorticklines width="0"></e-majorticklines>
<e-linestyle width="0"></e-linestyle>
</e-chart-primaryyaxis>
<e-series-collection>
<e-series dataSource="ViewBag.checkinTimes" xName="x" high="high" low="low" name="Check-Ins" width=2 type="@Syncfusion.EJ2.Charts.ChartSeriesType.RangeColumn"></e-series>
<e-series dataSource="ViewBag.offlineTimes" xName="x" high="high" low="low" name="Offline" width=2 type="@Syncfusion.EJ2.Charts.ChartSeriesType.RangeColumn"></e-series>
</e-series-collection>
<e-chart-tooltipsettings enable="true"></e-chart-tooltipsettings>
</ejs-chart>
Thanks!
