Runtime JavaScript erreur: cet Objet ne gère pas la propriété ou la méthode 'highcharts" dans Visual Studio

Salut, je suis un débutant de JQuery et de Highcharts et de courir dans des problèmes je ne peux pas résoudre les dépenses de plus de 3-4 heures par jour tout en suivant Highcharts de la documentation pour créer le premier graphique dans Visual Studio 2013.

- Je créer un barebone ASP MVC 5 application et ajoutez le code suivant à l'Index.cshtml corps:

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container1" style="width:100%; height:400px;"></div>

Puis-je ajouter le code suivant à _Layout.cshtml:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script src="http://code.highcharts.com/highcharts.js"></script>
    <script>$(function () {
    $('#container1').highcharts({
        chart: {
            type: 'bar'
        },
        title: {
            text: 'Fruit Consumption'
        },
        xAxis: {
            categories: ['Apples', 'Bananas', 'Oranges']
        },
        yAxis: {
            title: {
                text: 'Fruit eaten'
            }
        },
        series: [{
            name: 'Jane',
            data: [1, 0, 4]
        }, {
            name: 'John',
            data: [5, 7, 3]
        }]
    });
});</script>

La sortie de code html immédiate de planter le navigateur IE lancement de Visual Studio, de me donner le message d'erreur: Java runtime erreur: cet Objet ne gère pas la propriété ou la méthode 'highcharts" dans Visual Studio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Index - My ASP.NET Application</title>
<link href="/Content/bootstrap.css" rel="stylesheet"/>
<link href="/Content/site.css" rel="stylesheet"/>
<script src="/Scripts/modernizr-2.6.2.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script>$(function () {
$('#container1').highcharts({
chart: {
type: 'bar'
},
title: {
text: 'Fruit Consumption'
},
xAxis: {
categories: ['Apples', 'Bananas', 'Oranges']
},
yAxis: {
title: {
text: 'Fruit eaten'
}
},
series: [{
name: 'Jane',
data: [1, 0, 4]
}, {
name: 'John',
data: [5, 7, 3]
}]
});
});</script>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">Application name</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="/">Home</a></li>
<li><a href="/Home/About">About</a></li>
<li><a href="/Home/Contact">Contact</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="/Account/Register" id="registerLink">Register</a></li>
<li><a href="/Account/Login" id="loginLink">Log in</a></li>
</ul>
</div>
</div>
</div>
<div class="container body-content">
<h2>Index</h2>
<div id="container1" style="width:100%; height:400px;"></div>
<p>
<a href="/BatteryLog/Create">Create New</a>
</p>
<table class="table">
<tr>
<th>
Voltage
</th>
<th>
Current
</th>
<th></th>
</tr>
<tr>
<td>
3.12
</td>
<td>
3.18
</td>
<td>
<a href="/BatteryLog/Edit/21">Edit</a> |
<a href="/BatteryLog/Details/21">Details</a> |
<a href="/BatteryLog/Delete/21">Delete</a>
</td>
</tr>
<tr>
<td>
3.124
</td>
<td>
6.28
</td>
<td>
<a href="/BatteryLog/Edit/22">Edit</a> |
<a href="/BatteryLog/Details/22">Details</a> |
<a href="/BatteryLog/Delete/22">Delete</a>
</td>
</tr>
</table>
<hr />
<footer>
<p>&copy; 2014 - My ASP.NET Application</p>
</footer>
</div>
//<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/respond.js"></script>
<!-- Visual Studio Browser Link -->
<script type="application/json" id="__browserLink_initializationData">
{"appName":"Chrome","requestId":"bab8eaa5834742c0a90d4a2266b8953c"}
</script>
<script type="text/javascript" src="http://localhost:19978/19d3f54454e64aa2aeab6fa68d1e8a88/browserLink" async="async"></script>
<!-- End Browser Link -->
</body>
</html>

Cependant, si je l'ai copier et de les coller dans un fichier html statique et ouvrez le navigateur pour l'afficher en mode hors connexion à partir de mon bureau, puis les cartes de travaux.

S'il vous plaît aider! J'ai passé des heures à essayer des choses différentes pour résoudre ce!
Merci!!!!

InformationsquelleAutor user2952473 | 2014-01-28

4

Vous y compris jQuery deux fois. Dans l'en-tête:
```
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
```
et au bas de la page:
```
<script src="/Scripts/jquery-1.10.2.js"></script>
```
Cette deuxième inclusion remplacera le premier, où Highcharts était attaché. I. e. à l'intérieur du document prêt de rappel, $ se réfère à jquery-1.10.2.js, qui n'a pas de Highcharts ajouté.

Vous sont effectivement y compris les bibliothèques, jQuery et Highcharts deux fois. Ne pas le faire.
- Ensuite, il ya probablement quelque chose de mal dans votre code, en plus de ce problème.
- Attendre. il travaille maintenant! merci!!!! J'ai oublié que // n'a pas fait de commentaires à la deuxième script
- À droite, les commentaires HTML sont .
InformationsquelleAutor
0

Juste au cas où cela peut aider n'importe qui, ce qui se passait pour moi, quand j'ai été en utilisant AngularJS et, par erreur, d'une fermeture automatique ng-affichage de la balise. Angulaire fini de chargement deux fois donc, le cas échéant assurer votre ng-affichage de la balise est
```
<ng-view></ng-view> 
```
au lieu de
```
<ng-view/>
```
A pris un certain temps à comprendre, j'espère qu'il va sauver quelqu'un d'autre temps.

InformationsquelleAutor Nathan Murados

Vous devez vous connecter pour publier un commentaire.