असहज टाइपरर: अपरिभाषित कोई फ़ंक्शन नहीं है - हाइचार्ट्स - एमवीसी

Question

मैं अपने एमवीसी वेब एप्लिकेशन में हाईचार्ट्स का उपयोग करने की कोशिश कर रहा हूं। मैंने हाईचार्ट्स को काम करने के लिए सभी आवश्यक शर्तें लोड की हैं। लेकिन स्पष्ट रूप से, "हाईचार्ट" अभी भी पृष्ठ द्वारा पहचाना नहीं गया है। मैं Google डेवलपर टूल द्वारा प्रस्तुत पृष्ठ की जांच कर रहा हूं और यह कहता है कि सभी JQuery और हाईचार्ट जावास्क्रिप्ट फ़ाइलों को ठीक से लोड किया गया है। कोई मदद?

यह मेरा .cshtml कोड है: (! जो एक तरह से अजीब है)

@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

तो यह काम कर देता है:

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

:

मैं इस लाइन को बदलने की जरूरत इस पंक्ति में:

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

यह वह लिंक है जिसने मुझे मदद की: http://developmentpassion.blogspot.com/2013/09/bar-charts-and-graphs-in-aspnet-mvc.html