1

私は MVC3 が初めてで、dotnet.highcharts の使用方法を理解しようとしています。ところで、私はいくつかの投稿を読みましたが、どれも役に立たないようです。codeplex からのダウンロードに付随する簡単な例を使用しようとしました。コピーして貼り付けても機能しません。フォーラムに登録することはほとんどなく、主に答えを探すだけです。私は通常、あまり問題を抱えていないので、このような質問をしなければならないことを残念に思っていますが、助けが必要です. 私がやりたいのは、単にチャートを作成することだけです。私は自分のコードを投稿します。

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using DotNet.Highcharts.Options;
using DotNet.Highcharts.Helpers;
using DotNet.Highcharts.Enums;
using DotNet.Highcharts;

namespace MyProject.Controllers
{
    public class HomeController : Controller
    {
        public ActionResult Index()
        {
            ViewBag.Message = "Welcome to ASP.NET MVC!";

            return View();
    }

    public ActionResult About()
    {
        return View();
    }

    public ActionResult PartialChart()
    {
        Highcharts chart = new Highcharts("chart")
            .InitChart(new Chart { DefaultSeriesType = ChartTypes.Bar })
            .SetTitle(new Title { Text = "Stacked bar chart" })
            .SetXAxis(new XAxis { Categories = new[] { "Apples", "Oranges", "Pears", "Grapes", "Bananas" } })
            .SetYAxis(new YAxis
            {
                Min = 0,
                Title = new YAxisTitle { Text = "Total fruit consumption" }
            })
            .SetTooltip(new Tooltip { Formatter = "function() { return ''+ this.series.name +': '+ this.y +''; }" })
            .SetPlotOptions(new PlotOptions { Bar = new PlotOptionsBar { Stacking = Stackings.Normal } })
            .SetSeries(new[]
                       {
                           new Series { Name = "John", Data = new Data(new object[] { 5, 3, 4, 7, 2 }) },
                           new Series { Name = "Jane", Data = new Data(new object[] { 2, 2, 3, 2, 1 }) },
                           new Series { Name = "Joe", Data = new Data(new object[] { 3, 4, 4, 2, 5 }) }
                       });

        return PartialView(chart);
    }
}
}

これは部分ビューです:

@model DotNet.Highcharts.Highcharts

@(Model)

これはインデックスページです:

@{
    ViewBag.Title = "Home Page";
}

<h2>@ViewBag.Message</h2>
<p>
    To learn more about ASP.NET MVC visit <a href="http://asp.net/mvc" title="ASP.NET     MVC Website">http://asp.net/mvc</a>.
</p>
<p>
@Html.Action("PartialChart", "Home")
@Html.Partial("PartialChart")
</p>

そして、これはマスターページです:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript">    </script>
    <script src="@Url.Content("~/Scripts/highcharts.js")" type="text/javascript">    </script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
</head>
<body>
    <div class="page">
        <header>
            <div id="title">
                <h1>My MVC Application</h1>
            </div>
            <div id="logindisplay">
                @Html.Partial("_LogOnPartial")
            </div>
            <nav>
                <ul id="menu">
                    <li>@Html.ActionLink("Home", "Index", "Home")</li>
                    <li>@Html.ActionLink("About", "About", "Home")</li>
                </ul>
            </nav>
        </header>
        <section id="main">
            @RenderBody()
        </section>
        <footer>
        </footer>
    </div>
</body>
</html>
4

1 に答える 1

3

友人の助けを借りて、私は答えを持っています。誰かがまだ気にかけている場合に備えて。問題は、Highcharts スクリプトへの参照でした。スクリプトは、例にリストされているものとは別の場所にあり、まったく気付かなかった.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title</title>
        <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
        <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")"   type="text/javascript">    </script>
        <script src="@Url.Content("~/Scripts/Highcharts-2.2.1/js/highcharts.js")" type="text/javascript">      </script>
        <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    </head>
    <body>
        <div class="page">
            <header>
                <div id="title">
                    <h1>My MVC Application</h1>
                </div>
                <div id="logindisplay">
                    @Html.Partial("_LogOnPartial")
                </div>
                <nav>
                    <ul id="menu">
                        <li>@Html.ActionLink("Home", "Index", "Home")</li>
                        <li>@Html.ActionLink("About", "About", "Home")</li>
                    </ul>
                </nav>
            </header>
            <section id="main">
                @RenderBody()
            </section>
            <footer>
            </footer>
        </div>
    </body>
</html>
于 2012-08-28T00:14:16.783 に答える