FlexChart
FlexChart
Axes
Features
Sample
Settings
Description
Multiple axes
This view shows the FlexChart with two y-axes.
Source
AxesController.cs
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;
}
}
}
Axes.cshtml
@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>
}
Documentation