Comment puis-je réparer Highcharts erreur n ° 13?

- Je utiliser highchart ainsi, l'utilisateur peut fermer et ouvrir le tableau de la page et redessiner la carte, dans certains cas, donne-moi de cette erreur, comment puis-je résoudre ce problème, Merci
Voici mon code

 function populateGraph(graph1data1,graph1data2,id,time,bottomText,tickinterval){
$(function () {
$('#'+id).highcharts({
chart: {
type: 'line'
},
xAxis: {
tickWidth: 0,
categories: ['1,2,3,4']
},
yAxis: {
gridLineColor: '#fff',
title: {
text: ''
},
labels: {
formatter: function() {
return '';
}
}              
},
navigation: {
buttonOptions: {
enabled: false
}
},
series: [{
name: 'This ',
data: [1,2,3,4],
color: '#1e71ef'     
}, {
name: 'Last ',
data: [5,6,7,8],
color:'#dfe0e1'
}]
});
});
}
}
function loadOnlineDashboardChannel(channel){
$.ajax({
type: "get",
dataType: 'html',
data: {},
url: "/companies/2/online_dashboard_channel",
success: function(data, status){ 
var obj = JSON.parse(data);
var template_data = { 
measures_list:   
obj.measures         
};
$(function() { 
var tmplHTML_measures = '{{#measures_list}} <div class="col-lg-11  col-lg-offset-1"><p class="indicator-title gray-bottom-border">{{name}}</br></p><div><p><span class="font30px">{{total}} </span> Total {{name}}<br><span class="green-text">{{increase}}%</span> from last <span class="metric_time"></span></p></div><div class="graph-header"><h3>{{this_interval}} </h3><p>New {{name}}</p><p class="percentage-graph green-text">{{percentag e}}%<p></div><div id={{graph_id}} class="graph"></div> </div>{{/measures_list}}';   
Handlebars.render = function(tmpl, data){data = data || {};return                                                       Handlebars.compile(tmpl)(data);};  
$("#template").empty().append(Handlebars.render(tmplHTML_measures,template_data) );
var data_graph;
for ( var i = 0; i < obj.measures.length; i++ ) {
data_graph=obj.measures[i];
populateGraph(data_graph.this_interval_detail,data_graph.last_interval_detail,data_graph.graph_id,time,obj.bottom_graph_text,parseInt($('#timeframe-select').find(":selected").attr('interval')) );
}              
})
},
error: function(error) {
}
});
return this;
};

- Je utiliser guidon donc dans cette partie

dans
var tmplHTML_measures
J'ai créer la div, de la pour les je appeler la fonction pour tracer le graphique.

Merci, je le répète parfois, il fonctionne parfaitement et parfois ne parviennent pas me donner l'erreur #13

  • Salut, j'ai modifier mon post et ajouter un peu de code, Parfois, le travail et parfois pas, l'id de l'élément est ok, merci
  • Si highcharts est de lancer cette erreur que le sélecteur jquery $('#id') est de retour rien. J'imagine que vous n'avez pas votre .highcharts appel enveloppé dans un $(function () mais dans le code ci-dessus, vous avez que. Bien que vous avez un supplément de } à la fin qui ne lui appartient pas. Êtes-vous sûr que le div id est unique? id="id" semble comme une pauvre convention de nommage.
  • oui mon id est unique, je crée dynamiquement avec un nom unique, j'utilise le guidon pour que
  • Si vous avez besoin d'avoir aussi ce nom dans highcharts, l'id de la div besoin d'être le même que le nom de sélecteur qui permet de créer highcharts
InformationsquelleAutor Marion | 2014-02-03
  1. 11

    J'ai affronté le même message d'erreur et ce que j'ai appris à connaître est que l'Erreur#13 se produit lorsque HighCharts.js tente d'accéder à un élément qui n'est pas présent dans le DOM.

    Comment je fixe?
    J'ai fait en sorte que le HightCharts méthode n'est appelée que lorsque mon ciblées élément est créé dans le DOM. Bingo!!!! Tout a bien fonctionné.

    • À l'aide Ionique, ce qui signifie que vous ne devriez pas initialiser l'objet dans le constructeur. Vous devez le faire dans ionViewDidLoad()
    • Mon problème a été à l'aide de jQuery balise de référence à un élément, '#mainChartDiv' au lieu de simplement 'mainChartDiv'. Ce dernier a fonctionné correctement.
    InformationsquelleAutor Jay
  2. 6

    J'ai eu le même problème et résolu en utilisant le conteneur approprié:

    Dans mon cas, j'ai utilisé les éléments suivants:

    //Use Meteor.defer() to create chart after DOM is ready:
Meteor.defer(function() {
//Create standard Highcharts chart with options:
Highcharts.chart('Charts', {
chart: {
renderTo: 'container',
type: 'column',
options3d: {
enabled: true,
alpha: 15,
beta: 15,
depth: 50,
viewDistance: 25
}
},....
}.....
}
Template.body.helpers({
createChart: function () {...}

    et dans le fichier HTML:

    <div id='Charts'>
{{createChart}}
</div>

    J'ai trouvé la solution de Highcharts: http://forum.highcharts.com/viewtopic.php?f=9&t=15610

    Ce qui concerne.

    • Alors que ce lien peut répondre à la question, il est préférable d'inclure les parties essentielles de la réponse et de fournir le lien de référence. Lien-ne répond peut devenir non valide si la page liée changements. - Revue
    • Merci beaucoup pour les conseils. 🙂 Mise à jour de la réponse
    • C'est ce que nous avons besoin de spécifique à l'intérieur de wdiv id="" feather un barchart ou linechar etc
    InformationsquelleAutor Gabriela Vaca Guzman G.
  3. 1

    Catégories doit être une collection, c'était comme ça:

    categories: xaxis

    Changer à cela:

    categories: ['xaxis']

    Certains champs de données doivent être entourés de guillemets simples comme ceci:

    data: 'blue'

    Ici est un violon sans erreurs pour vous:

    http://jsfiddle.net/MVcBe/

    Bonne chance avec le reste. 🙂

    ps je trouve parfois, il est plus facile de modifier un travail de violon de la highcharts site et de l'adapter à ce que vous avez besoin. Comme celui-ci:

    http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/line-basic/

    • Désolé ce n'est pas mon problème, je reçois xaxis comme un paramètre, j'ai modifier le code statique xaxis, mon problème est lié avec l'id, parfois trouver l'id et parfois pas, parfois, fonctionne parfaitement et, parfois, donne-moi de cette erreur, l'erreur #13 highcharts.com/errors/13
    • Le code me semble bon, pas d'erreurs. Pls vous pouvez poster votre code html?
    • - Je mettre à jour mon code avec mon code HTML, merci beaucoup.
    InformationsquelleAutor hutchonoid
  4. 1

    Pour moi, l'erreur a été résolu lorsque j'ai placé l'appel script après l'élément HTML.

    Comme;

    <div id="container"></div>
<script>    
Highcharts.chart('container', {
//some script here
});
</script>

    Aussi, si vous vérifiez sur le haut du graphique du site, il est dit:

        This error occurs if the chart.renderTo option is misconfigured so that
Highcharts is unable to find the HTML element to render the chart in.

    https://www.highcharts.com/errors/13

    InformationsquelleAutor Aamir Shahzad
  5. 1

    Peut-être un peu en retard à la fête, mais le nom par défaut du conteneur dans Highcharts exemple a été "container". Le navigateur n'a pas l'air d'aimer cela, conflit de nom peut-être, de changer de 'Graphique' a fait le tour.

    InformationsquelleAutor Michael Couck
  6. 0

    Aussi, assurez-vous que "highcharts-more.js" est déclarée dans votre code HTML.

    <script src="https://code.highcharts.com/highcharts-more.js"></script>
    InformationsquelleAutor lecorbu
  7. 0

    J'ai chargé codes script après le document prêt de la fonction, et il a bien fonctionné.

    $(document).ready(function(){
});
    InformationsquelleAutor G.Ashok Kumar
  8. 0

    J'ai également exécuter dans le même code d'erreur, mais dans mon cas, la raison en était que mes données était trop volumineux pour être pris en charge

    InformationsquelleAutor huang botao