图表 div 渲染容器不存在

图表 div 渲染容器不存在

当没有指定渲染容器或渲染容器配置错误时，Highcharts 无法找到图表具体的渲染位置，所以就会导致这个问题。

图表渲染容器配置

指定渲染容器的方法有以下几种：

1、设定 chart.renderTo 参数，注意该参数的值是 div 的 id 或 dom

var options = {
    chart: {
        renderTo: 'container' // 或 renderTo: document.getElementById('contianer')
    },
    // 其他图表配置
}
var chart = Highcharts.chart(options);

2、在构造函数的第一个参数里指定

var chart = Highcharts.chart('container', {    // container 为 div 的 id
        // 图表配置
});

或

var contianer = document.getElementById('container'); // 
var chart = Highcharts.chart(container, {     // container 为 dom
        // 图表配置
});

关于 Highcharts 构造函数详见 API 文档

3、通过 jQuery 调用 highcharts 函数

$('#container').highcharts({
    // 图表配置
});