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

@{ 
    var chartTypes = new[] { "Column", "Bar", "Scatter", "Line", "LineSymbols", "Area", "Spline", "SplineSymbols", "SplineArea" };
}

<h1>
    Multiple Chart Types
</h1>

<p>
    Each series object in the FlexChart may specify its own
    <b>chartType</b> to override the chart's default. This
    makes it easy to mix different chart types in a single
    chart.
</p>
<p>
    This example allows you to pick a chart type for the
    'Downloads' series:
</p>

<div class="demo-settings">
    <label for="chartType">Series Chart Type:</label>
    @Html.C1().ComboBox().Id("chartType").Bind(chartTypes).Text("LineSymbols")
</div>

@(Html.C1().FlexChart<FlexChartData.Sale>().Id("theChart")
    .Bind("Country", Model)
    .Series(sb =>
    {
        sb.Add().Binding("Sales").Name("Sales");
        sb.Add().Binding("Expenses").Name("Expenses");
        sb.Add().Binding("Downloads").Name("Downloads").ChartType(C1.Web.Mvc.Chart.ChartType.LineSymbols);
    })
)