HighCharts - JQuery - exemple Simple ne fonctionne pas

Cet exemple simple de la highcharts site web ne fonctionne pas pour moi (http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/pie-basic/).

Voici mon code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://www.highcharts.com/js/highcharts.js"></script>
<script type="text/javascript">
$(function () {
$('#container').highcharts({
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Browser market shares at a specific website, 2010'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage}%</b>',
percentageDecimals: 1
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
}
}
}
},
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>
</head>
<body>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
</body>
</html>

J'ai juste copié de la jsfiddle ont donc aucune idée de pourquoi ça ne fonctionne pas!

Grâce

  • Semble fonctionner correctement. Qu'est-ce qui ne fonctionne pas pour vous.
  • Désolé, afin de clarifier le JSFiddle est prise à partir de la highcharts site web, et je suis en train de copier que pour le faire fonctionner sur mon serveur, mais je suis tout simplement obtenir une page blanche.
  • Votre violon fait référence à une version plus récente de JQuery.
  • Et bien sûr, comme le JSFiddle, vous avez ajouté jQuery avant highchart.js ?
  • Ont changé à la plus récente version de JQuery (ci-dessous) et toujours pas de chance, et oui j'ai Shikiryu
  • <script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/...> <script type="text/javascript" src="highcharts.com/js/highcharts.js"></script>
  • Avez-vous des erreurs dans la console?
  • Non, pas d'erreurs
  • Essayer de le diriger vers une copie locale de highcharts.js il semble que le highcharts serveur a des problèmes, si vous attendez suffisamment longtemps votre test graphique sera probablement venir.
  • Merci pour la suggestion, mais toujours pas de chance avec la version locale - suis à bout de ressources!
  • Avez-vous des erreurs? Je le conseil à la mise à jour de jquery et highcharts pour la plus récente version disponible ici: code.highcharts.com/highcharts.js
  • Lorsque j'exécute ton code, j'obtiens une erreur de la console que le highcharts méthode n'est pas défini.

InformationsquelleAutor New_programmer | 2013-04-08
  1. 1

    Le violon est en fait l'utilisation de la highcharts code de http://code.highcharts.com/highcharts.js.. j'ai testé ce lien dans votre code et il semble fonctionner. J'étais une erreur de la console qui highcharts method is undefined... avec le lien que vous montrer.

    InformationsquelleAutor Ben Felda
  2. 2

    Je ne pouvais pas la HighCharts démos de travailler localement, mais trouvé cette réponse à une autre question...

    problème .highchart. Utilisation

    var chart = new Highcharts.Chart({
chart: {
//alignTicks: false,
type: 'line',
renderTo: 'container'
},
...

    }

    Voir cette page:
    JSFiddle API exemples sont cassés

    InformationsquelleAutor Paul Solans