@page "/counter"

@using Syncfusion.Blazor.Charts

<SfChart Title=@chartTitle SubTitle=@chartSubTitle Width="500px" Height="400px">
    @*<ChartEvents Loaded="ChartLoad" />*@
    <ChartArea><ChartAreaBorder Width="0"></ChartAreaBorder></ChartArea>
    <ChartPrimaryXAxis ValueType="Syncfusion.Blazor.Charts.ValueType.DateTime" LabelFormat="@ChartXLabelFormat" IntervalType="@ChartXIntervalType" EdgeLabelPlacement="EdgeLabelPlacement.Shift">
        <ChartAxisMajorGridLines Width="0"></ChartAxisMajorGridLines>
    </ChartPrimaryXAxis>
    <ChartPrimaryYAxis LabelFormat="{value} INCHES" RangePadding="ChartRangePadding.None" Minimum="@chartYMin" Maximum="@chartYMax" Interval="@chartYInterval">
        <ChartAxisLineStyle Width="0"></ChartAxisLineStyle>
        <ChartAxisMajorTickLines Width="0"></ChartAxisMajorTickLines>
    </ChartPrimaryYAxis>
    <ChartTooltipSettings Enable="true" Shared="true"></ChartTooltipSettings>
    <ChartLegendSettings Visible="false"></ChartLegendSettings>
   
        <ChartSeriesCollection>
            <ChartSeries DataSource="@Sales" XName="Month" YName="SalesValue" Width="2"
                         SegmentAxis="Segment.Y" Type="ChartSeriesType.MultiColoredLine">
                <ChartSegments>
                    <ChartSegment Value="chartYLowRed" Color="red">
                    </ChartSegment>
                    <ChartSegment Value="chartYHighRed" Color="green"></ChartSegment>
                    <ChartSegment Color="red"></ChartSegment>
                </ChartSegments>
            </ChartSeries>
        </ChartSeriesCollection>
</SfChart>

@code {

    public string chartLabel = "{value} inches";
    public int chartYMin = 0;
    public int chartYMax = 200;
    public int chartYInterval = 10;
    public int chartYHighRed = 65;
    public int chartYLowRed = 20;
    public string ChartXLabelFormat = "dd HH:mm";
    public IntervalType ChartXIntervalType = IntervalType.Minutes;
    public string chartTitle = "Instrument";
    public string chartSubTitle = "Loading...";

    private string chartUnits = "inches";

    public class SalesInfo
    {
        public DateTime Month { get; set; }
        public decimal SalesValue { get; set; }
    }
    public List<SalesInfo> Sales;

    protected override void OnInitialized()
    {
        Sales = new List<SalesInfo>();

        DateTime tdt = DateTime.Now.AddDays(-1);
        decimal tdv = 35;

        for (int i = 0; i < 700; i++)
        {
            tdv = tdv + (i * .0001M);
            SalesInfo nsi = new SalesInfo { Month = tdt.AddMinutes(i), SalesValue = tdv };
            Sales.Add(nsi);
        }
    }
}