首页 Echarts使用文档

Echarts使用文档

Echarts使用文档Echarts使用文档1.新建一个echarts.html文件，为ECharts准备一个具备大小（宽高）的Dom。ECharts2.新建标签引入模块化单文件echarts.jsECharts3.新建标签中为模块加载器配置echarts和所需图表的路径（相对路径为从当前页面链接到echarts.js）ECharts//路径配置require.config({paths:{echarts:''}});4.标签内动态加载echarts和所需图表，回调函数中可以初始化图表并驱动图表的生成ECharts//路径配置requi...

Echarts使用文档1.新建一个echarts.html文件，为ECharts准备一个具备大小（宽高）的Dom。ECharts

2.新建3.新建//路径配置require.config({paths:{echarts:''}});4.//路径配置require.config({paths:{echarts:''}});//使用require(['echarts','echarts/chart/bar'//使用柱状图就加载bar模块，按需加载],function(ec){//基于准备好的dom，初始化echarts图表varmyChart=ec.init(document.getElementById('main'));varoption={tooltip:{show:true},legend:{data:['销量']},xAxis:[{type:'category',data:["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"]}],yAxis:[{type:'value'}],series:[{"name":"销量","type":"bar","data":[5,20,40,10,10,20]}]};//为echarts对象加载数据myChart.setOption(option);});5.浏览器中打开echarts.html，就可看到以下效果6.饼图示例代码浏览器中打开，就可看到以下效果ECharts

//路径配置require.config({paths:{echarts:''}});//使用require(['echarts','echarts/chart/pie'//使用柱状图就加载bar模块，按需加载],function(ec){//基于准备好的dom，初始化echarts图表//varmyChart=ec.init(document.getElementById('main'));varmyChart=ec.init(document.getElementById('main'),'macarons');//内置主题（'macarons','infographic'）varoption={tooltip:{trigger:'item',//可选为：'item'|'axis'formatter:"{b}:{c}({d}%)"//a（系列名称），b（数据项名称），c（数值）,d（饼图：百分比）},legend:{padding:[40,0,0,0],orient:'horizontal',//布局方式，默认为水平布局，可选为：'horizontal'|'vertical'x:'center',data:['小区总数','楼栋总数','房屋总数']},/*calculable:true,//是否启用拖拽重计算特性，默认关闭 */series:[{name:'地',type:'pie',radius:'55%',center:['50%','55%'],data:[{value:12,name:'小区总数'},{value:23,name:'楼栋总数'},{value:34,name:'房屋总数'},]}]};//为echarts对象加载数据myChart.setOption(option);});7.浏览器中打开echarts.html，就可看到以下效果

本文档为【Echarts使用文档】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。
该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。
[版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。

Echarts使用文档

你可能还喜欢