Adding additional Y axes

Adding more than one Y Axis in the control is achieved easily by simply
declaring additional entries of type AxisY in the collection. This is demonstrated in the code snippet below:

@(Html.ShieldChart()
    .Name("chart")
    .Theme(Response.Cookies.Theme())
    .PrimaryHeader(header => header.Text("Speed VS reaction distance"))
    .Export(false)
    .AxisY(axisY => axisY
        .Min(0)
        .Max(120)
        .Title(title => title
            .Text("Total Stopping Distance (m)")
            .Style(style => style.Color("#4DB0F5")))
        .AxisTickText(axisTickText => axisTickText
                .Style(style => style.Color("#4DB0F5"))))
    .AxisY(axisY => axisY
        .Min(0)
        .Max(100)
        .Title(title => title
            .Text("Braking Distance (m)")
            .Style(style => style.Color("#FFC500")))
        .SwapLocation(true)
        .AxisTickText(axisTickText => axisTickText
                 .Style(style => style.Color("#FFC500"))))
    .AxisY(axisY => axisY
        .Min(0)
        .Max(25)
        .Title(title => title
            .Text("Thinking Distance (m)")
            .Style(style => style.Color("#FF1800")))
        .SwapLocation(true)
        .AxisTickText(axisTickText => axisTickText
                 .Style(style => style.Color("#FF1800"))))

As seen above, each axis can be configured separately.
Additionally, each axis may be positioned to the right, by setting the SwapLocation property.