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

@{ 
    var palettes = new[] { "Standard", "Cocoa", "Coral", "Dark", "HighContrast", "Light", "Midnight", "Modern", "Organic", "Slate", "Zen", "Cyborg", "Superhero", "Flatly", "Darkly", "Cerulan" };
}

<h1>
    FlexChart Palettes
</h1>

<p>
    The FlexChart automatically picks colors for each series based
    on a default palette, which you can override by setting the
    <b>palette</b> property.
</p>

<div class="demo-settings">
    <label>Please select a Palette:</label>
    @Html.C1().ComboBox().Id("thePalette").Bind(palettes)
</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");
    })
)
