Echarts使用

 

使用推荐的模块化单文件的引入：

第一步：必须要为echarts准备一个具有一定高度和宽度的容器。

第二部：引入echarts.js文件。

第三部：为模块加载器配置echarts的路径，从当前页面链接到echarts.js，定义所需图表路径

require.config({
paths: {
echarts: '../Scripts/Echart'//路径是你存放ehcarts文件的路径
}
});

echarts: '../Scripts/Echart'

第四步： 动态加载echarts然后在回调函数中开始使用，注意保持按需加载结构定义图表路径

require(
[
'echarts',
'echarts/chart/bar' // 按需加载所需图表，如果需动态类型切换功能，别忘了同时加载相应图表

，bar属于柱状图
],

function(ec)

{

 var myChart = ec.init(document.getElementById('div1'));
                var option = {
                   ...

                }
                myChart.setOption(option);

})