The resource can not be found .net mvc4 - asp.net-mvc

Question

i try to create web application with highchart and this is my tutorial http://csharptrenches.wordpress.com/2013/08/21/how-to-use-highcharts-js-with-asp-net-mvc-4/ .Code in my controller and view not have some error.but i have some problem when i'm run a browser ,it's tell me about The resource can not be found .Can you tell me why and how can i do in this case. Thank you so much.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using DotNet.Highcharts;
using DotNet.Highcharts.Helpers;
using DotNet.Highcharts.Options;
using DotNet.Highcharts.Enums;
namespace HighCharts.Controllers
{
public class TransactionCount
{
public string MonthName { get; set; }
public int Count { get; set; }
}
public class IndexController : Controller
{
//
// GET: /Index/
public ActionResult Index()
{
var transaction = new List<TransactionCount> {
new TransactionCount(){ MonthName="January", Count=40},
new TransactionCount(){ MonthName="February", Count=20},
new TransactionCount(){ MonthName="March", Count=35},
new TransactionCount(){ MonthName="April", Count=70}
};
//change mountName & value to array
var xDataMonths = transaction.Select(i => i.MonthName).ToArray();
var yDataValue = transaction.Select(i => new object[] {i.Count}).ToArray();
var chart = new Highcharts("chart")
//choose type of graph
.InitChart(new Chart { DefaultSeriesType = ChartTypes.Column })
//set a title
.SetTitle(new Title { Text = "financial" })
//sub title
.SetSubtitle(new Subtitle { Text = "Accounting" })
//load value to xAxis
.SetXAxis(new XAxis { Categories = xDataMonths })
//set the y title and format text
.SetYAxis(new YAxis { Title = new YAxisTitle { Text = "Values" } })
.SetTooltip(new Tooltip
{
Enabled = true,
Formatter = #"function() { return '<b>'+ this.series.name +'</b><br />'+this.x +': '+ this.y:}"
})
.SetPlotOptions(new PlotOptions
{
Column = new PlotOptionsColumn
{
DataLabels = new PlotOptionsColumnDataLabels
{
Enabled = true
},
EnableMouseTracking = false
}
})
//load data value to yAxis
.SetSeries(new[]{
new Series {Name = "Per Month", Data = new Data(yDataValue)}
});
return View(chart);
}
}
}
and this is my View
#{
ViewBag.Title = "Index";
}
<h2>Index</h2>
#model DotNet.Highcharts.Highcharts
<p>My Column Chart</p>
#(Model)
And this is my route config
using System.Web;
using System.Web.Mvc;
using System.Web.Routing;
namespace HighCharts
{
public class RouteConfig
{
public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
name: "Default",
url: "{controller}/{action}/{id}",
defaults: new { controller = "IndexController", action = "ShowChart", id = UrlParameter.Optional }
);
}
}
}

Answer 1

The Problem is inside route config
Change
defaults: new { controller = "IndexController", action = "ShowChart", id = UrlParameter.Optional });
To
defaults: new { controller = "Index", action = "Index", id = UrlParameter.Optional });
Your controller does not has an action named ShowChart as what you provide in your codes, and for controller parameter you only need to write the actionName.