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

<h1>
    Annotations
</h1>

<p>
    Annotations are extra elements displayed over the chart to
    highlight notable points or areas on the chart.
</p>
<p>
    To add annotations to a FlexChart, create an <b>annotationLayer</b>
    attached to the chart and populate it with annotation objects.
</p>
<p>
    There are several types of annotation objects, including
    Rectangle, Square, Circle, Ellipse, Line, Polygon, Image, and
    Text. They may be attached to data points or to arbitrary
    points in data or page coordinates.
</p>
<p>
    The chart below has an Ellipse annotation attached to data
    point 15 and a Line annotation attached to the month of
    February:
</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"))
)