@using LearnMvcClient.Models
@model IEnumerable<PopulationGdp>

<h1>
    @Html.Raw(Resources.C1FlexChart.AxesChartScaling_Title)
</h1>
<p>
    @Html.Raw(Resources.C1FlexChart.AxesChartScaling_Text1)
</p>
<p>
    @Html.Raw(Resources.C1FlexChart.AxesChartScaling_Text2)
</p>
<p>
    @Html.Raw(Resources.C1FlexChart.AxesChartScaling_Text3)
</p>

<div class="demo-settings">
    <label for="logScale">@Html.Raw(Resources.C1FlexChart.AxesChartScaling_Text4)</label>
    <input id="logScale" type="checkbox" checked="checked">
</div>

@(Html.C1().FlexChart<PopulationGdp>().Id("theChart")
    .Bind("Pop", Model)
    .ChartType(C1.Web.Mvc.Chart.ChartType.Bubble)
    .Series(sb=>sb.Add().Binding("Gdp,Pci").Name("GDP"))
    .Tooltip(t=>t.Content("<b>{Country}</b>:<br/>{Pci:n0} US$/year/capita"))
    .AxisX(x=>x.Title("Population (millions)").Format("g4,,").LogBase(10))
    .AxisY(y=>y.Title("GDP (US$ billions)").Format("g4,").LogBase(10))
    .Legend(C1.Web.Mvc.Chart.Position.None)
)