Question

我尝试使用highchart js.and这是一个tutoroui网页（如何使用Highchart Js）。我的问题是图表无法在我的视图中显示。你能告诉我，我该怎么办。非常感谢你

这是我的Controller代码

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 NiceHighChart.Controllers
{
public class IndexController : Controller
{
    //
    // GET: /Index/

    public ActionResult Index()
    {
        DotNet.Highcharts.Highcharts chart = new DotNet.Highcharts.Highcharts("chart").SetXAxis(
            new XAxis
            {
                Categories = new[] { "Jan", "Feb", "Mar", "Apr" }
            }).SetSeries(new Series
            {
                Data = new Data(new object[]{
                       29.2, 50.1, 87.4, 91.9
                })
            });
        return View(chart);
    }

}
}

这是我的观点

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/masterPage.Master"  Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

      <h2>Index</h2>

      <br />

<asp:Literal ID="ltrChart" runat="server"></asp:Literal>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">

</asp:Content>

这是我的主页

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="masterPage.master.cs" Inherits="NiceHighChart.Views.Shared.masterPage" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Nice HighChart</title>
<script src="../../Scripts/Highcharts-3.0.1/js/highcharts.js"></script>
<script src="../../Scripts/jquery-ui-1.8.20.min.js"></script>

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>

</head>
<body>

    <asp:ContentPlaceHolder ID="MainContent" runat="server">

    </asp:ContentPlaceHolder>

结果：

This is a result

高图表不在asp.net mvc4中显示

0 个答案: