Use the map table, in addition to echarts, but also need to zrender, download js file yourself: target,to make such an effect:Http://echarts.baidu.com/doc/example/map3.html
echarts:http://echarts.baidu.com/
Zrender:http://ecomfe.github.io/zrender/index.html
After the download is complete, echarts: Copy the dist, with the source folder;
Dist: Compressed JS, in the formal environment with; Source: No compression, test debugging with;
Zrender: Copy all files inside Src out; Finally, three folders: Dist,source,zrender (the content iszrender-2.0.7 of src All files)Example Map.aspx, where only the path file is concerned, the specific graphical configuration, refer to:
<Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8"/> <title>Map example</title> <Scriptsrc= "Js/echarts/dist/echarts.js"></Script> <Script>require.config ({paths: {//echarts folder path for contentEcharts:'js/echarts/dist', //Zrender folder path for contentZrender:"Js/echarts/zrender" } }); //Entry Filerequire (['Echarts', 'Echarts/chart/map' ], function(EC) {//additional required files are requested in the callback function after the portal file is loaded; //various diagrams, desired configurations; Copy from Example . //For example: varEcConfig=require ('Echarts/config'); varzrevent=require ('zrender/tool/event'); //ID and div correspond; varMyChart=Ec.init (document.getElementById ('Main')); varoption= {}; //loading data for Echarts objectsmychart.setoption (option); } ); </Script></Head><Body> <DivID= "Main"style= "height:500px"></Div></Body>
Example Download: click
Baidu echarts Chart JS Reference path