求解highchart在FineUIMVC不能显示

努力奋斗

我的系统框架使用的是FineUIMVC1.1基础版，在一个带有FindUIMVC控价的视图使用了highchart，但是highchart就是不显示，为什么呢？希望众位大师们给个提示帮助，这里先谢谢了，下面是视图代码

@{
    ViewBag.Title = "登记环节统计分析";
    var F = @Html.F();
}
@section head{
    <link type="text/css" rel="stylesheet" href="~/res/css/default.css" />
    <script src="~/Scripts/jquery-2.2.3.js"></script>   
    <script src="~/Content/Highcharts-5.0.7/code/highcharts.js"></script>
}

@section body {
    <table style="width:100%;border-width:1px;height:100%;">

        <tr style="height:30px;">
            <td style="text-align:center;">
                <table style="width:80%;">
                    <tr>
                        <td style="width:160px;">&nbsp;</td>
                        <td style="width:150px;text-align:center;">
                            @(
                                F.Label()
                                 .ID("lb_DJHJ_Start")
                                 .Width(130)
                                 .Text("选择查询时间：")
                            )
                        </td>
                        <td style="width:230px;text-align:left;">&nbsp;
                            @(
                                F.DatePicker()
                                 .ShowTime(false)                                 
                                 .EmptyText("请选择查询日期")
                                 .Width(180)
                                 .ID("dp_DJHJ_Start")

                            )
                        </td>                        
                        <td style="width:320px;text-align:center;">
                            @(
                                F.DatePicker()
                                 .ShowTime(false)
                                 .Label("结束日期")
                                 .EmptyText("请选择结束日期")
                                 .Width(300)
                                 .ID("dp_DJHJ_End")
                                 .CompareControl("dp_DJHJ_Start")
                                 .DateFormatString("yyyy-MM-dd")
                                 .CompareOperator(Operator.GreaterThan)
                                 .CompareMessage("结束日期应该大于开始日期")
                                 .Hidden(true)
                            )
                        </td>
                        <td style="width:150px;text-align:center;">                           
                            @(
                                F.Button()
                                    .ID("btn_DJHJ_Search1")
                                    .Width(150)
                                    .Text("统计分析")                                    
                                    .OnClick(Url.Action("btn_DJHJ_Find_Click"), "dp_DJHJ_Start,dp_DJHJ_End,rdb_gDJHJ")
                            )
                        </td>
                        <td style="text-align:left;width:150px;">

                        </td>

                    </tr>                     
                </table>
            </td>
        </tr>

        <tr>
            <td style="height:500px;width:800px;">
                <div id="container" style="min-width:500px;height:400px"></div>
            </td>
        </tr>
    </table>


@section script {
    <script type="text/javascript">      
        $(function () {
            //alert("sssss")
            $('#container').highcharts({
                chart: {
                    type: 'column'
                },
                title: {
                    text: 'Column chart with negative values'
                },
                xAxis: {
                    categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
                },
                credits: {
                    enabled: false
                },
                series: [{
                    name: 'John',
                    data: [5, 3, 4, 7, 2]
                }, {
                    name: 'Jane',
                    data: [2, -2, -3, 2, 1]
                }, {
                    name: 'Joe',
                    data: [3, 4, 4, -2, 5]
                }]
            });
        });
    </script>
}

sanshi

目测，改为如下代码：

1. @{
   
2.     ViewBag.Title = "登记环节统计分析";
   
3.     var F = @Html.F();
   
4. }
   
5. @section head{
   
6.     <link type="text/css" rel="stylesheet" href="~/res/css/default.css" />
   
7.    
   
8. }
   
9. 
   
10. @section body {
    
11.     <table style="width:100%;border-width:1px;height:100%;">
    
12. 
    
13.         <tr style="height:30px;">
    
14.             <td style="text-align:center;">
    
15.                 <table style="width:80%;">
    
16.                     <tr>
    
17.                         <td style="width:160px;"> </td>
    
18.                         <td style="width:150px;text-align:center;">
    
19.                             @(
    
20.                                 F.Label()
    
21.                                  .ID("lb_DJHJ_Start")
    
22.                                  .Width(130)
    
23.                                  .Text("选择查询时间：")
    
24.                             )
    
25.                         </td>
    
26.                         <td style="width:230px;text-align:left;">
    
27.                             @(
    
28.                                 F.DatePicker()
    
29.                                  .ShowTime(false)                                 
    
30.                                  .EmptyText("请选择查询日期")
    
31.                                  .Width(180)
    
32.                                  .ID("dp_DJHJ_Start")
    
33. 
    
34.                             )
    
35.                         </td>                        
    
36.                         <td style="width:320px;text-align:center;">
    
37.                             @(
    
38.                                 F.DatePicker()
    
39.                                  .ShowTime(false)
    
40.                                  .Label("结束日期")
    
41.                                  .EmptyText("请选择结束日期")
    
42.                                  .Width(300)
    
43.                                  .ID("dp_DJHJ_End")
    
44.                                  .CompareControl("dp_DJHJ_Start")
    
45.                                  .DateFormatString("yyyy-MM-dd")
    
46.                                  .CompareOperator(Operator.GreaterThan)
    
47.                                  .CompareMessage("结束日期应该大于开始日期")
    
48.                                  .Hidden(true)
    
49.                             )
    
50.                         </td>
    
51.                         <td style="width:150px;text-align:center;">                           
    
52.                             @(
    
53.                                 F.Button()
    
54.                                     .ID("btn_DJHJ_Search1")
    
55.                                     .Width(150)
    
56.                                     .Text("统计分析")                                    
    
57.                                     .OnClick(Url.Action("btn_DJHJ_Find_Click"), "dp_DJHJ_Start,dp_DJHJ_End,rdb_gDJHJ")
    
58.                             )
    
59.                         </td>
    
60.                         <td style="text-align:left;width:150px;">
    
61. 
    
62.                         </td>
    
63. 
    
64.                     </tr>                     
    
65.                 </table>
    
66.             </td>
    
67.         </tr>
    
68. 
    
69.         <tr>
    
70.             <td style="height:500px;width:800px;">
    
71.                 <div id="container" style="min-width:500px;height:400px"></div>
    
72.             </td>
    
73.         </tr>
    
74.     </table>
    
75. 
    
76. 
    
77. @section script {
    
78.          
    
79.     <script src="~/Content/Highcharts-5.0.7/code/highcharts.js"></script>
    
80.        
    
81.     <script type="text/javascript">      
    
82.         $(function () {
    
83.             //alert("sssss")
    
84.             $('#container').highcharts({
    
85.                 chart: {
    
86.                     type: 'column'
    
87.                 },
    
88.                 title: {
    
89.                     text: 'Column chart with negative values'
    
90.                 },
    
91.                 xAxis: {
    
92.                     categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas']
    
93.                 },
    
94.                 credits: {
    
95.                     enabled: false
    
96.                 },
    
97.                 series: [{
    
98.                     name: 'John',
    
99.                     data: [5, 3, 4, 7, 2]
    
100.                 }, {
     
101.                     name: 'Jane',
     
102.                     data: [2, -2, -3, 2, 1]
     
103.                 }, {
     
104.                     name: 'Joe',
     
105.                     data: [3, 4, 4, -2, 5]
     
106.                 }]
     
107.             });
     
108.         });
     
109.     </script>
     
110. <img src="static/image/hrline/line1.png" border="0" alt="">
     
111. 
     
112. }

复制代码

注意两点：
1. 删除 jQuery 引用，因为 FineUIMvc 已经内置了 jQuery 引用
2. 所有脚本放到 @section script 节里面



如果上面还不行，请基于空项目重现问题，并上传

努力奋斗

C:\Users\a\Pictures\11.png

努力奋斗

谢谢三石先生的帮助！！！

努力奋斗

三石先生，真是太厉害了，问题解决了，深表感谢！！！