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

<h1>
    Annotation Zones
</h1>

<p>
    You can use annotations to create chart 'zones'. For
    example, the chart below has a 'buy' and 'sell' zones
    represented by green and red Rectangle annotations:
</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"))
)