FlexChart
FlexChart
Axes
Multiple axes
This view shows the FlexChart with two y-axes.
Features
Settings
Axis X Label Angle: 0
Description
Multiple axes
This view shows the FlexChart with two y-axes.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | using System;using System.Collections.Generic;using System.Linq;using System.Web;using System.Web.Mvc;using MvcExplorer.Models;using C1.Web.Mvc;using C1.Web.Mvc.Serialization;namespace MvcExplorer.Controllers{ public partial class FlexChartController : Controller { public ActionResult Axes() { Dictionary<string, IEnumerable<CustomerOrder>> OrderDatas = new Dictionary<string, IEnumerable<CustomerOrder>>(); OrderDatas.Add("2013", CustomerOrder.GetCountryCountOrderData(1, 5)); OrderDatas.Add("2014", CustomerOrder.GetCountryCountOrderData(3, 10)); OrderDatas.Add("CountryNames", CustomerOrder.GetCountryNameData()); ViewBag.OrderDatas = OrderDatas; var model = new ClientSettingsModel { Settings = CreateAxesSettings(), DefaultValues = new Dictionary<string, object> { {"AxisX.LabelAngle", 0} } }; return View(model); } private static IDictionary<string, object[]> CreateAxesSettings() { var settings = new Dictionary<string, object[]> { {"AxisX.LabelAngle", new object[]{-90, -45, 0, 45, 90}} }; return settings; } }} |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | @model ClientSettingsModel@{ ViewBag.DemoSettings = true; ViewBag.DemoSettingsModel = Model; Dictionary<string, IEnumerable<CustomerOrder>> OrderDatas = ViewBag.OrderDatas;}@(Html.C1().FlexChart().Id(Model.ControlId).Header("Sales").Series(sers =>{ sers.Add("2013").Bind("ID", "Count", OrderDatas["2013"]); sers.Add(C1.Web.Mvc.Chart.ChartType.LineSymbols, "2014").Bind("ID", "Count", OrderDatas["2014"]).AxisY(C1.Web.Mvc.Chart.Position.Right);}).AxisX(axis =>{ axis.Bind("ID,Country", OrderDatas["CountryNames"]);}))@section Description{ <h3> @Html.Raw(Resources.FlexChart.Axes_MultipleAxes) </h3> <p>@Html.Raw(Resources.FlexChart.Axes_Text0)</p>} |