echaers map整理
来源:互联网 发布:com的域名需要备案吗 编辑:程序博客网 时间:2024/04/25 17:16
最近在学习echarts,感觉官网好多属性不好理解,根据官网的例子,写了一下注释,以备用。
<!DOCTYPE html><html><head><title>Map2.html</title><meta charset="UTF-8"></head><body><div id="main" style="width: 1200px;height:800px"></div><script src="js/echarts.js"></script><script src="js/china.js"></script><script type="text/javascript">var myChart = echarts.init(document.getElementById("main"));/* myChart.showLoading({ text: '正在努力的读取数据中...', //loading话术}); */function randomData() {//生成下面使用的随机数 return Math.round(Math.random()*1000);}option = {title: {//标题text : '销量分布',//主标题subtext : '模拟',//副标题left : 'center'//居中对齐},tooltip: {//气泡提示配置trigger : 'item'//tooltip触发方式:axis以X轴线触发,item以每一个数据项触发 },legend: {//图例菜单,可以点击隐藏或者显示series对应name的数据orient : 'vertical',//垂直方向对齐left : 'left',//左对齐data : ['a','b','c']//图例说明文字,需要与series中的name相同},visualMap:{//视觉映射min : 0,//最大最小值max : 2500,left: 'left',//左对齐top: 'bottom',//映射条在页面底部text: ['高','低'],// 文本,默认为数值文本calculable: true//可拖动的计算条,可以调节最大最小范围},toolbox: {//工具栏show: true,//是否显示,默认是trueorient: 'vertical',//垂直方向对齐left: 'right',top: 'center',feature: {dataView : {readOnly:false},//数据视图restore : {},//还原saveAsImage : {}//保存为图片}},series:[//驱动图表生成的数据内容数组,理论上生成图标的内容数据全部在这里{name : 'a',type : 'map',//图表类型mapType : 'china',//地图类型roam : true,//是否可以拖动,缩放,默认是falselabel : {//标记normal : {show : true},//平时显示格式emphasis : {show : true}//鼠标移入时显示格式},data : [//具体数据{name: '北京',value: randomData() }, {name: '天津',value: randomData() }, {name: '上海',value: randomData() }, {name: '重庆',value: randomData() }, {name: '河北',value: randomData() }, {name: '河南',value: randomData() }, {name: '云南',value: randomData() }, {name: '辽宁',value: randomData() }, {name: '黑龙江',value: randomData() }, {name: '湖南',value: randomData() }, {name: '安徽',value: randomData() }, {name: '山东',value: randomData() }, {name: '新疆',value: randomData() }, {name: '江苏',value: randomData() }, {name: '浙江',value: randomData() }, {name: '江西',value: randomData() }, {name: '湖北',value: randomData() }, {name: '广西',value: randomData() }, {name: '甘肃',value: randomData() }, {name: '山西',value: randomData() }, {name: '内蒙古',value: randomData() }, {name: '陕西',value: randomData() }, {name: '吉林',value: randomData() }, {name: '福建',value: randomData() }, {name: '贵州',value: randomData() }, {name: '广东',value: randomData() }, {name: '青海',value: randomData() }, {name: '西藏',value: randomData() }, {name: '四川',value: randomData() }, {name: '宁夏',value: randomData() }, {name: '海南',value: randomData() }, {name: '台湾',value: randomData() }, {name: '香港',value: randomData() }, {name: '澳门',value: randomData() }]},{name : 'b',type : 'map',//图表类型mapType : 'china',//地图类型roam : true,//是否可以拖动,缩放,默认是falselabel : {//标记normal : {show : true},//平时显示格式emphasis : {show : true}//鼠标移入时显示格式},data : [{name: '北京',value: randomData() }, {name: '天津',value: randomData() }, {name: '上海',value: randomData() }, {name: '重庆',value: randomData() }, {name: '河北',value: randomData() }, {name: '安徽',value: randomData() }, {name: '新疆',value: randomData() }, {name: '浙江',value: randomData() }, {name: '江西',value: randomData() }, {name: '山西',value: randomData() }, {name: '内蒙古',value: randomData() }, {name: '吉林',value: randomData() }, {name: '福建',value: randomData() }, {name: '广东',value: randomData() }, {name: '西藏',value: randomData() }, {name: '四川',value: randomData() }, {name: '宁夏',value: randomData() }, {name: '香港',value: randomData() }, {name: '澳门',value: randomData() }]},{name : 'c',type : 'map',//图表类型mapType : 'china',//地图类型roam : true,//是否可以拖动,缩放,默认是falselabel : {//标记normal : {show : true},//平时显示格式emphasis : {show : true}//鼠标移入时显示格式},data : [{name: '北京',value: randomData() }, {name: '天津',value: randomData() }, {name: '上海',value: randomData() }, {name: '广东',value: randomData() }, {name: '台湾',value: randomData() }, {name: '香港',value: randomData() }, {name: '澳门',value: randomData() }]}]};myChart.setOption(option);</script></body></html>
0 0
- echaers map整理
- google map整理
- Map集合整理
- map知识整理
- STL MAP 整理
- map hashmap整理
- STL 知识点整理 Map
- C++ map用法整理
- map模板类用法整理
- google map Api接口整理
- Google-Map自己整理API
- google map Api接口整理 .
- 整理:map/reduce工作流程
- google map Api接口整理
- 微信小程序map地图整理
- Map的相关知识点整理
- STL map相关学习整理
- 【原创】Google Map 常用 API 整理
- mysql之union用法
- 移动端APP第一次登录和自动登录流程
- AppCompat does not support the current theme features
- 华科考研个人总结
- Android画折线图、柱状图、饼图(使用achartengine.jar)
- echaers map整理
- discuz 出现了Uncaught TypeError: Cannot read property 'appendChild' of null
- maven 项目(三)引申--spring集成hibernate+JPA事务配置(扫描注解)
- PS教程!教你打造超酷炫的德罗斯特效应
- nrf51822开发指导之芯片版本的区分方法
- MyEclipese项目启动后,Console中的提示信息不能自动追踪(刷新)问题
- Mahout随机森林算法源码分析1Describe
- CodeForces 628E Zbazi in Zeydabad(树状数组)
- LeetCode : Combination Sum [java]