हाइचार्ट्स: अनकॉट टाइपरर: $ (...)। हाईचार्ट्स फ़ंक्शन नहीं है

मेरे जेएसपी एप्लिकेशन में हाईचर्ट चलाने के दौरान यह त्रुटि प्राप्त करना।

Uncaught TypeError: $(...).highcharts is not a function(anonymous function) @ VendorReports:125n.Callbacks.j @ jquery-1.11.0.js:893n.Callbacks.k.fireWith @ jquery-1.11.0.js:928n.extend.ready @ jquery-1.11.0.js:982K @ jquery-1.11.0.js:989

कृपया क्या करना है का सुझाव

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="http://code.highcharts.com/highcharts.js"></script> 
<script src="http://code.highcharts.com/modules/exporting.js"></script>

$(function() { 
    $('#container').highcharts({ 
     colors: ["#7cb5ec", "#f7a35c"], 
     chart: { 
      type: 'column' 
     }, 
     title: { 
      text: 'Total fruit consumtion, grouped by gender' 
     }, 
     xAxis: { 
      categories: ['Apples' ] 
     }, 
     yAxis: { 
      allowDecimals: false, 
      min: 0, 
      title: { 
       text: 'Number of fruits' 
      } 
      //Nothing wrong with this code

स्रोत

2015-08-14 Anil Kumar

क्या आप कृपया jsfiddle जोड़ सकते हैं? – Farhan

पुन: उत्पन्न नहीं कर सकता है, यह तैराकी से काम करता है -> ** http: //jsfiddle.net/nate439j/** – adeneo

@ फ़ारहान, http://jsfiddle.net/mxex28e2/। यह वहां काम कर रहा है, लेकिन जब इसे मेरे जेएसपी में रखा जाता है, तो यह त्रुटि –

मुझे यह समस्या भी थी। सुनिश्चित करें कि jQuery को highchart.js से पहले आयात किया गया है। यह मेरे लिए मुद्दा तय किया।

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="http://code.highcharts.com/highcharts.js"></script>

स्रोत

2016-01-11 14:37:59

वही है, मुझे अभी एहसास हुआ है कि हाईचर एक पुस्तकालय है जो jQuery पर निर्भर करता है और इसलिए jQuery को हाईचार्ट्स के शीर्ष पर जाना है। बस यह परिवर्तन करें और किसी को भी जाने के लिए अच्छा होना चाहिए। तो बेवकूफ गलत - मैं यह कैसे कर सकता हूँ। :) – Dharmavir

यदि आप द्वारा

$('#container').highcharts({ 
     colors: ["#7cb5ec", "#f7a35c"], 
     chart: { 
      type: 'column' 
     }, 
     /* ... */

की जगह क्या होता है

var chart = new Highcharts.Chart({ 
       colors: ["#7cb5ec", "#f7a35c"], 
       chart: { 
        type: 'column', 
        renderTo: 'container' 
       }, 
       /* ... */

मुझे थोड़ी देर पहले आपके जैसा ही समस्या थी और मैंने इस प्रकार के प्रारंभिकरण का उपयोग करके इसे हल किया।

स्रोत

2015-08-14 14:46:17 Kabulan0lak

लेकिन कंटेनर से अटैचमेंट करने के लिए चार्ट को कैसे कॉल करें? –

'रेंडर टू:' कंटेनर 'लाइन को देखें।यह वह जगह है जहां आप चार्ट को संलग्न करने वाले HTML तत्व को परिभाषित करते हैं: http://api.highcharts.com/highcharts#chart.renderTo – Kabulan0lak

यह काम करता है लेकिन ग्राफ प्रदर्शित नहीं होता है :(.. कोई त्रुटि नहीं –

आधिकारिक उदाहरणों से लिया गया दृष्टिकोण अच्छी तरह से काम कर रहा है। उन्होंने बॉडी टैग के भीतर स्क्रिप्ट टैग को परिभाषित किया है इसलिए Kabulan0lak द्वारा दिए गए समाधान को बेहतर लगता है।

<html> 
<head> 
    <title>Highcharts Example</title> 

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('#container').highcharts({ 
       chart: { 
        type: 'spline' 
       } 
       // ... other options and data/series 
      }); 
     }); 
    </script> 
</head> 

<body> 
<script src="https://code.highcharts.com/highcharts.js"></script> 
<script src="https://code.highcharts.com/modules/exporting.js"></script> 
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div> 
</body> 
</html>

स्रोत

2015-12-13 09:31:43 baris1892

मैं उच्च चार्ट संस्करण का पुराना संस्करण उपयोग कर रहा था। उनकी वेबसाइट से मैंने माना कि विशिष्ट संस्करण के तहत सूचीबद्ध संस्करण उनका नवीनतम संस्करण था और इसका उपयोग किया गया था, इसलिए यह मेरे ऊपर ऑटो अपडेट नहीं होगा। हालांकि उनके द्वारा सूचीबद्ध संस्करण बहुत पुराना था इसलिए इसे वास्तविक नवीनतम संस्करण में बदलकर इस मुद्दे को ठीक किया गया।

स्रोत

2016-01-26 08:30:37 odyth

यह मेरे साथ भी होता है। मेरे मामले में, मुझे चार्ट लोड करने के लिए बटन में क्लिक करने की आवश्यकता है और यदि मैं दो बार या अधिक क्लिक करता हूं तो चार्ट काम पर रुक जाता है। मैं इस तरह रंग की स्थापना की गई थी:

Highcharts.setOptions({ 
     colors: Highcharts.map(Highcharts.getOptions().colors, function (color) { 
      return { 
       radialGradient: { 
        cx: 0.5, 
        cy: 0.3, 
        r: 0.7 
       }, 
       stops: [ 
        [0, color], 
        [1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken 
       ] 
      }; 
     }) 
    }); 

$.getJSON("./myDataGraph.php", function(response){ 
     // Create the chart 
     var chart = Highcharts.chart('myGraph', { 
      chart: { 
       plotBackgroundColor: null, 
       plotBorderWidth: null, 
       plotShadow: false, 
       type: 'pie' 
      }, 
... });

मैं त्रुटि को हल नहीं कर सकता है, लेकिन मैं "Highcharts.setOptions" को हटाने और चार्ट काम करता है !!!

स्रोत

2018-02-26 13:08:43 Zanoldor

हाइचार्ट्स: अनकॉट टाइपरर: $ (...)। हाईचार्ट्स फ़ंक्शन नहीं है

उत्तर

संबंधित मुद्दे