@using LearnMvcClient.Models
@model IEnumerable<FlexChartData.Stock>

<h1>
    Alarm Zones
</h1>

<p>
    You can use the FlexChart's <b>rendering</b> and
    <b>rendered</b> events to add arbitrary elements
    behind or above the regular chart elements.
</p>
<p>
    For example,the chart below has 'buy' and 'sell'
    zones created in the chart's <b>rendering</b>
    event handler:
</p>

@(Html.C1().FlexChart<FlexChartData.Stock>().Id("theChart")
    .Bind("Date", Model)
    .ChartType(C1.Web.Mvc.Chart.ChartType.Candlestick)
    .Legend(C1.Web.Mvc.Chart.Position.None)
    .Series(sb => sb.Add().Binding("Low,High,Open,Close").Name("Alphabet Inc"))
)