Column chart with multiple value fields by FusionCharts

CSharp · Mvc

Model

using System;
using System.ComponentModel.DataAnnotations;

namespace FusionChartsSamples
{
	public class SampleViewModel
	{
	}
}

View

@model FusionChartsSamples.SampleViewModel
@{
	Layout = null;
}
<!DOCTYPE html>
<html>
<head>
	<script src="//cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
    <script src="//cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
</head>
<body>
<div>
    <div id="chartContainer">@Html.Raw(ViewData["Chart"])</div>
</div>

</body>
</html>

Controller

using System;
using System.Web.Mvc;
using System.Collections.Generic;
using System.Diagnostics;
using System.Linq;
using System.Threading.Tasks;
using FusionCharts.Visualization;
using FusionCharts.DataEngine;
using System.Data;

namespace FusionChartsSamples
{
	public class HomeController : Controller
	{
		public ActionResult Index()
		{
			DataTable ChartData = new DataTable();
            ChartData.Columns.Add("Team", typeof(System.String));
            ChartData.Columns.Add("Matches", typeof(System.Double));
            ChartData.Columns.Add("Wins", typeof(System.Double));
            ChartData.Rows.Add("Boston Red Sox", 88, 57);
            ChartData.Rows.Add("New York Yankees", 84, 54);
            ChartData.Rows.Add("Tampa Bay Rays", 86, 42);
            ChartData.Rows.Add("Toronto Blue Jays", 86, 39);
            ChartData.Rows.Add("Baltimore Orioles", 85, 24);
            ChartData.Rows.Add("Cleveland Indians", 85, 46);
            ChartData.Rows.Add("Detroit Tigers", 88, 38);
            ChartData.Rows.Add("Minnesota Twins", 83, 35);
            ChartData.Rows.Add("Chicago White Sox", 86, 29);
            ChartData.Rows.Add("Kansas City Royals", 86, 25);
            StaticSource source = new StaticSource(ChartData);
            DataModel model = new DataModel();
            model.DataSources.Add(source);
            Charts.ColumnChart column = new Charts.ColumnChart("overlapped_chart_db");
            column.Data.Source = model;
            column.Caption.Text = "Major League Baseball - Season Rankings";
            column.SubCaption.Text = "Teams in the Lead";
            column.Caption.Text = "Major league Baseball-Season Rankings";
            column.SubCaption.Text = "Teams in the lead";
            column.XAxis.Text = "Position";
            column.YAxis.Text = "Team";
            column.Width.Pixel(600);
            column.Height.Pixel(500);
			column.ThemeName = FusionChartsTheme.ThemeName.FUSION;

			ViewData["Chart"] = column.Render();
			return View();
		}
	}
}