Chart.Mvc colliding with System.Web.Helpers.Chart

Question

I'm attempting to add Chart.Mvc controls (Chart.js) to my Asp.net MVC 5 website. However, when I follow the example here: https://github.com/martinobordin/Chart.Mvc

I'm receiving the following error:

CS0426: The type name 'Mvc' does not exist in the type 'System.Web.Helpers.Chart'

It appears the reference I have to Chart.Mvc is colliding with System.Web.Helpders.Chart.

I've tried it both with a fully qualified reference and without:

var barChart = new Chart.Mvc.ComplexChart.BarChart();
barChart.ComplexData.Labels.AddRange(new []{ "January", "February",  "March", "April", "May", "June", "July"});
barChart.ComplexData.Datasets.AddRange(new List<ComplexDataset>...

and

var barChart = new BarChart();
barChart.ComplexData.Labels.AddRange(new []{ "January", "February",  "March", "April", "May", "June", "July"});
barChart.ComplexData.Datasets.AddRange(new List<ComplexDataset>

This second option does throw a slightly different error:

CS0246: The type or namespace name 'BarChart' could not be found (are you missing a using directive or an assembly reference?)

Adding using Chart.Mvc; to the Controller or @Chart.Mvc to the View does not help;

Try using extern alias for the Chart.Mvc dll - see blogs.msdn.microsoft.com/ansonh/2006/09/27/… — potatopeelings
– potatopeelings, Commented Jun 4, 2016 at 23:53
extern alias isn't supported by Razor views. stackoverflow.com/questions/17823342/… — Nick Heidke
– Nick Heidke, Commented Jun 6, 2016 at 14:26

kthcummings · Accepted Answer · 2016-07-05 20:10:55Z

2

Ran into the same issue myself, and found the answer when poking through the Github repo. You need to add the namespaces to Chart.Mvc in the /Views/web.config file.

See the author's /Views/web.config file for reference.

<system.web.webPages.razor>
<host factoryType="System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=5.2.2.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35" />
<pages pageBaseType="System.Web.Mvc.WebViewPage">
  <namespaces>
    <add namespace="System.Web.Mvc" />
    <add namespace="System.Web.Mvc.Ajax" />
    <add namespace="System.Web.Mvc.Html" />
    <add namespace="System.Web.Optimization"/>
    <add namespace="System.Web.Routing" />
    <add namespace="Chart.Mvc.Sample" />
    <add namespace="Chart.Mvc" />
    <add namespace="Chart.Mvc.ComplexChart" />
    <add namespace="Chart.Mvc.SimpleChart" />
    <add namespace="Chart.Mvc.Sample.Models" />
    <add namespace="Chart.Mvc.Extensions"/>
  </namespaces>
</pages>

answered Jul 5, 2016 at 20:10

kthcummings

362 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Rob L Over a year ago

Did you ever get the chart to display? My View's config is the same as above except I don't have the two lines with "Sample" in them. No compilation error, but the Chart does not display. I've included chart.js in the "scripts" section. Debugging with Chrome I get... "Chart is not defined".

Rob L Over a year ago

OK. I moved the reference to chart.js ABOVE the code in the page, and it now displays correctly.

Douglas Acosta · Accepted Answer · 2016-08-08 13:54:43Z

0

Adding the reference in the Vies/web.config file helped to get rid of the compilation error, I still do not get the chart displayed on the web page

answered Aug 8, 2016 at 13:54

Douglas Acosta

831 gold badge4 silver badges7 bronze badges

1 Comment

st_stefanov Over a year ago

You need reference to Chart.js as well

st_stefanov · Accepted Answer · 2018-07-19 13:42:44Z

0

Got it working and displaying by including the namespaces and adding the reference to Chart.js.

Also the namespaces can be included in the razor view directly.

@using Chart.Mvc;
@using Chart.Mvc.Extensions;
@using System.Web.Mvc;
@using System.Web.Mvc.Ajax;
@using System.Web.Mvc.Html;
@using System.Web.Optimization;
@using System.Web.Routing;
@using Chart.Mvc;
@using Chart.Mvc.ComplexChart;
@using Chart.Mvc.SimpleChart;


@Scripts.Render("~/scripts/Chart.js")

answered Jul 19, 2018 at 13:42

st_stefanov

1,1961 gold badge10 silver badges31 bronze badges

Collectives™ on Stack Overflow

Chart.Mvc colliding with System.Web.Helpers.Chart

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related