echarts 按需加载图

sd12 发布于 2014/02/19 09:14
阅读 2K+
收藏 0
//from echarts example
require.config({
    paths:{ 
        'echarts:'./js/echarts',
        'echarts/chart/bar' : './js/echarts',       // 把所需图表指向单文件
        'echarts/chart/line': './js/echarts'
    }
});

require.config配置后后就可以通过动态加载使用echarts


//from echarts example
require(
    [
        'echarts',
        'echarts/chart/line',   // 按需加载所需图表
        'echarts/chart/bar'
    ],
    function (ec) {
        var myChart = ec.init(domMain);
        var option = {
            ...
        }
        myChart.setOption(option);
    }
);

请问 'echarts‘,'echarts/chart/bar', 'echarts/chart/line'都指向echarts.js为什么require要三个都引入呢 ? 试了一下require(’echarts‘)图表不显示,这是什么原因呢?


加载中
0
Kener-林峰
Kener-林峰
config只是配置路径,真正引入文件是require的调用,而且引入图表这过程图表会做自注册,往图表库注册图表类型,如果没require到图表,虽然单文件echarts.js已经包含了这些图表在里面,但没注册就没被识别就不显示咯~
返回顶部
顶部