码迷,mamicode.com
首页 > Web开发 > 详细

百度 Echarts 地图表 js 引用路径

时间:2015-03-18 15:41:43      阅读:719      评论:0      收藏:0      [点我收藏+]

标签:

使用地图表格,除了需echarts,还需zrender,自行下载JS文件:
 
目标,做成这样的效果http://echarts.baidu.com/doc/example/map3.html
 

ECharts下载地址: http://echarts.baidu.com/

ZRender下载地址:http://ecomfe.github.io/zrender/index.html

下载完成后,
echarts:复制dist,与source文件夹;
dist:压缩后的JS,在正式环境用;
source:没压缩,测试调试用;

技术分享

 
zrender: 复制src里面所有文件出来;
技术分享
最后出来,三个文件夹:dist,source,Zrender(内容就是zrender-2.0.7的src所有文件
技术分享
例子Map.aspx,这里只关注路径文件,具体的图形配置,参考:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>Map例子</title>
    <script src="js/ECharts/dist/echarts.js"></script>
    <script>
        require.config({
            paths: {
                //echarts内容的文件夹路径
                echarts: js/ECharts/dist,
                //zrender内容的文件夹路径
                zrender: "js/ECharts/Zrender"
            }
        });
        //入口文件
        require(
            [
                echarts,
                echarts/chart/map
            ],
            function (ec) {
                //额外所需的文件,在入口文件,加载完之后,回调函数中请求;
                
                //各种图,所需的配置;可从example中copy过来
                //例如: 
                var ecConfig = require(echarts/config);
                var zrEvent = require(zrender/tool/event);
                //id与div对应;
                var myChart = ec.init(document.getElementById(main));
                var option = {};
                // 为echarts对象加载数据 
                myChart.setOption(option);
            }
            );
    </script>
</head>
<body>
    <div id="main" style="height: 500px"></div>
</body>

 

例子下载:点击

 

百度 Echarts 地图表 js 引用路径

标签:

原文地址:http://www.cnblogs.com/xzwen/p/config_echart_js_path.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!