Highcharts错误#13,而在Ajax调用实例highchart [复制](Highchart

2019-08-02 01:32发布

可能重复:
HighCharts未捕获的异常

我试图实例与此代码highcharts对象:

$(function () {
    var chart;
    var json = null;
    $.getJSON('{%  url ajax_search 'pie_chart'  %}?{{request.META.QUERY_STRING}}',
             function(data, textStatus, jqXHR)
            {
                json = data.template;
                            console.log(json);
                chart = new Highcharts.Chart(json);
            });
})

控制台适当记录返回的JSON。

当我复制和过去的JSON来在(JSON)是,图表呈现。 然而,因为它是现在,它引发以下错误:未捕获Highcharts错误#13:www.highcharts.com/errors/13

下面这个链接,它说:

让Highcharts是无法找到的HTML元素呈现在图表中,如果chart.renderTo选项misconfugured出现此错误

然而,再次,如果我复制和过去的JSON(从控制台),可在变量原本是,它工作正常。

我敢肯定,这是简单的东西。 我在做什么错在这里?

Answer 1:

元素/ DIV你想呈现的图表丢失,您可以共享json打印在控制台? Additionaly,如果你可以添加以下多个日志给我们更好的理解的画面。

一组标准的日志,我会用它来解决highcharts错误#13

        console.log("JSON: " + JSON.stringify(chartingOptions));
        console.log("Render to element with ID : " + chartingOptions.chart.renderTo);
        console.log("Number of matching dom elements : " + $("#" + chartingOptions.chart.renderTo).length);

这些应该只是调用Highcharts构造前加入

        chart = new Highcharts.Chart(chartingOptions);

如果一切顺利,你应该可以看到正确的元素ID和长度1。

故障排除highcharts错误#13 | Highchart&Highstock @的jsfiddle

这里是看到了演示上面的日志

JSON:{ “图表”:{ “renderTo”: “容器” ...}}
渲染到与ID元件:容器
匹配DOM元素的数量:1



文章来源: Highcharts error #13 while instantiating highchart on ajax call [duplicate]