Wie kann ich das beheben Highcharts error #13?
Benutze ich highchart so kann der Benutzer schließen und öffnen der chart-Seite und Neuzeichnen der Grafik, in einigen Fällen zeigt es mir diese Fehlermeldung, wie kann ich es beheben, Danke
Hier ist mein 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;
};
Ich benutze LENKER, so dass in diesem Teil
in
var tmplHTML_measures
Ich erstelle den div, in den die für ich rufe die Funktion zum zeichnen des Diagramms.
Dank, ich wiederhole es manchmal perfekt funktioniert und manchmal nicht, geben Sie mir den Fehler #13
Hi, ändere ich meinen Beitrag und fügen Sie einige code, Manchmal arbeiten und manchmal nicht, das element id ist ok, danke
Wenn highcharts wirft, dass Fehler als die jquery-Selektor
ja meine id ist einzigartig, ich Schaffe es dynamisch mit einem eindeutigen Namen, die ich verwenden LENKER für dass
So müssen Sie auch diese Namen in highcharts, die id des div-müssen dieselben sein wie die Namen der Selektor die Sie zum erstellen von highcharts
Wenn highcharts wirft, dass Fehler als die jquery-Selektor
$('#id')
ist wieder nichts. Meine Vermutung wäre gewesen, dass Sie nicht, Ihre .highcharts
nennen, eingewickelt in ein $(function ()
aber in dem code oben ist. Obwohl Sie eine zusätzliche }
am Ende nicht gehört. Sind Sie sicher, dass die div-id eindeutig ist? id="id"
scheint wie eine schlechte Namensgebung.ja meine id ist einzigartig, ich Schaffe es dynamisch mit einem eindeutigen Namen, die ich verwenden LENKER für dass
So müssen Sie auch diese Namen in highcharts, die id des div-müssen dieselben sein wie die Namen der Selektor die Sie zum erstellen von highcharts
InformationsquelleAutor Marion | 2014-02-03
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ich Stand vor dem gleichen Fehler, und was ich bekam zu wissen ist, dass Fehler#13 tritt auf, wenn HighCharts.js versucht, auf ein element, das nicht vorhanden ist, in die DOM.
Wie ich es behoben?
Ich stellte sicher, dass die HightCharts Methode wird nur aufgerufen, nachdem meine gezielte-element erstellt, in der DOM. Bingo!!!! Alles hat gut funktioniert.
Mein Problem war mit einem jQuery-tag zum verweisen auf ein element,
'#mainChartDiv'
statt nur'mainChartDiv'
. Letzteres funktionierte einwandfrei.InformationsquelleAutor Jay
Ich hatte das gleiche Problem und es behoben mit den richtigen container:
In meinem Fall habe ich die folgenden:
und in der HTML-Datei:
Fand ich das beheben von Highcharts: http://forum.highcharts.com/viewtopic.php?f=9&t=15610
Grüße.
Vielen Dank für die Beratung. 🙂 Mit der Aktualisierung der Antwort
Das ist es wir müssen specifie innen wdiv-id="" eather ein Balken-oder linechar etc
InformationsquelleAutor Gabriela Vaca Guzman G.
Kategorien benötigt, um eine Sammlung, es war so:
Ändern Sie diese:
Einige Datenfelder müssen in einfache Anführungszeichen eingeschlossen werden, wie diese:
Hier ist ein Turnschuh, ohne Fehler für Sie:
http://jsfiddle.net/MVcBe/
Glück mit dem rest. 🙂
ps ich finde manchmal ist es einfacher zu Bearbeiten sein, eine funktionierende Geige aus der highcharts-Website und Anpassung an das, was Sie brauchen. Wie diese:
http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/line-basic/
Der code sieht alles gut aus für mich, keine Fehler. Pls können Sie Ihre html?
Ich update mein code mit dem HTML-vielen Dank so viel.
InformationsquelleAutor hutchonoid
Auch, stellen Sie sicher, "highcharts-more.js" ist deklariert in deinem HTML-Code.
InformationsquelleAutor lecorbu
Für mich Fehler wurde behoben, wenn ich die aufrufen
script
nach dem HTML-element.;
Auch, wenn Sie überprüfen, auf hohe chart-Seite heißt es:
https://www.highcharts.com/errors/13
InformationsquelleAutor Aamir Shahzad
Ich geladen script-codes nach der document-ready-Funktion, und es funktionierte gut.
InformationsquelleAutor G.Ashok Kumar