Loại không bắt buộcLỗi: không xác định không phải là chức năng - Highcharts - MVC

Question

Tôi đang cố gắng sử dụng Highcharts trong ứng dụng web MVC của mình. Tôi đã tải tất cả các điều kiện tiên quyết để làm cho Highcharts hoạt động. Nhưng rõ ràng, "highchart" vẫn không được công nhận bởi trang. Tôi đang kiểm tra trang được hiển thị bởi công cụ nhà phát triển của Google và nó cho biết tất cả các tệp JavaScript JQuery và Highchart được tải đúng cách. Bất kỳ giúp đỡ?

Đây là mã .cshtml của tôi: (! Đó là loại kỳ lạ)

@using System.Web.Optimization 

<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div> 



@section Scripts { 

@Scripts.Render("~/bundles/jqueryval") 
@Scripts.Render("~/Scripts/Highcharts-4.0.1/js/highcharts.js") 
@Scripts.Render("~/Scripts/Highcharts-4.0.1/js/modules/exporting.js") 


<script type="text/javascript"> 
    $(function() { 
     var chart; 
     debugger; 
     $(document).ready(function() { 
      debugger; 

      // Build the chart 
      $('#container').highcharts({ 
       chart: { 
        plotBackgroundColor: null, 
        plotBorderWidth: null, 
        plotShadow: false 
       }, 
       title: { 
        text: 'Browser market shares at a specific website, 2014' 
       }, 
       tooltip: { 
        pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
       }, 
       plotOptions: { 
        pie: { 
         allowPointSelect: true, 
         cursor: 'pointer', 
         dataLabels: { 
          enabled: true, 
          format: '<b>{point.name}</b>: {point.percentage:.1f} %', 
          style: { 
           color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black' 
          } 
         } 
        } 
       }, 
       series: [{ 
        type: 'pie', 
        name: 'Browser share', 
        data: [ 
         ['Firefox', 45.0], 
         ['IE', 26.8], 
         { 
          name: 'Chrome', 
          y: 12.8, 
          sliced: true, 
          selected: true 
         }, 
         ['Safari', 8.5], 
         ['Opera', 6.2], 
         ['Others', 0.7] 
        ] 
       }] 
      }); 
     }); 
    }); 
</script> 
} 

Answer 1

Vì vậy, đây hiện các trick:

tôi cần phải thay đổi dòng này:

$('#container').highcharts({ 
      chart: { 
       plotBackgroundColor: null, 
       plotBorderWidth: null, 
       plotShadow: false 
      }, 

Để dòng này:

chart = new Highcharts.Chart({ 
       chart: { 
        plotBackgroundColor: null, 
        plotBorderWidth: null, 
        plotShadow: false, 
        renderTo: 'container' 
       }, 

Đây là liên kết đã giúp tôi thông qua: http://developmentpassion.blogspot.com/2013/09/bar-charts-and-graphs-in-aspnet-mvc.html