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

@{
    var positions = new[] { "None", "Top", "Bottom", "Left", "Right", "Auto" };
}

<h1>
    Legend Position
</h1>

<p>
    Use the <b>legend.position</b> property to determine the
    position of the legend. The "Auto" position places the
    legend to the right or below the chart depending on the
    control size:
</p>

<div class="demo-settings">
    <label for="legendPosition">Legend Position: </label>
    @Html.C1().ComboBox().Id("legendPosition").Bind(positions).Text("Right")
</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");
    })
)