简朴来说呢它就是一个商业级数据图表,一个纯JavaScript的图标库。
可以兼容绝大部分的浏览器,可以为前端开发提供一个直观、生动、可交互、可高度个性化定制的数据可视化图表。
尤其是对于前端攻城狮来说,那真是一个莫大的福利。代码可以直接套用、引用,改变属性,所见即所得,事情效率简直爆表,简直是前端事情必备神器哦。
首先作为一款国人开发的软件,Echarts文档全,异常利便开发和阅读文档,此外Echarts的图表厚实,可以适用林林总总的功效。
不外不足之处呢是它的移动端使用略卡,毕竟是PC端的器械,移植到移动端肯定会有些小问题,总的来说ECharts是一款异常适合我们这种前端开发使用的框架。
折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图) 雷达图(填充雷达图)、 *** 图、力导向结构图、舆图、仪表盘、漏斗图、事宜河流图等12类图表。
首先引入js:
<script type="text/javascript" src="js/echarts.js"></script>
示例:柱状图
option = { title : { text: '某区域蒸发量和降水量', subtext: '纯属虚构' }, tooltip : { trigger: 'axis' }, legend: { data:['蒸发量','降水量'] }, toolbox: { show : true, feature : { mark : {show: true}, dataView : {show: true, readOnly: false}, magicType : {show: true, type: ['line', 'bar']}, restore : {show: true}, saveAsImage : {show: true} } }, calculable : true, xAxis : [ { type : 'category', data : ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'] } ], yAxis : [ { type : 'value' } ], series : [ { name:'蒸发量', type:'bar', data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3], markPoint : { data : [ {type : 'max', name: '更大值'}, {type : 'min', name: '最小值'} ] }, markLine : { data : [ {type : 'average', name: '平均值'} ] } }, { name:'降水量', type:'bar', data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3], markPoint : { data : [ {name : '年更高', value : 182.2, xAxis: 7, yAxis: 183, symbolSize:18}, {name : '年更低', value : 2.3, xAxis: 11, yAxis: 3} ] }, markLine : { data : [ {type : 'average', name : '平均值'} ] } } ] };
效果如下:
1.阿里云: 本站现在使用的是阿里云主机,平安/可靠/稳固。点击领取2000米代金券、领会最新阿里云产物的种种优惠流动点击进入
迷上消消消是当下十分受欢迎的一款益智类游戏,因主推打游戏能够赚现钱进而吸引住了一大批游戏玩家。还能取现里边的现钱。迷上消消消怎么解除綁定 迷上消消消怎样才能取现取得成功。产生有关详细介绍。 迷上消...
手机旺旺拉黑客户怎么找黑客从几岁学最好(从零开始学黑客)黑客电脑什么系统其实梦境才是现实世界(ff14梦境与现实的夹缝)为什么黑客不攻击支付宝iphone提示黑客入侵(iphone提示内存不足)初级黑...
2、常见文件目录及途径hwsrc : MultipleTypeField = (None) } Description: 经过shellcode方法ptrace注入so模块到长途进程中经过诱惑性的内容...
11月19日,随着2020 vivo开发者大会成功举办并落下帷幕,以“原生万物”为主题,vivo回归本原的品牌理念更加明朗化。其中,作为五大分会场之一的商业化分会场,重塑vivo品牌的商业化版图,并且...
少女前线AKS74u在碧海秘闻活动中怎么打捞?需要注意什么?来看看小编带来的少女前线碧海秘闻AKS74u打捞攻略。 少女前线碧海秘闻AKS74u打捞攻略 本关掉落点两个,直接选择右边的路走就可以啦...
KPI、KPA或者OKR并不是水火不相容有你无我的概念,针对不对的业务状态、管理模式应该有所选择。以下是介绍它们之间的区别。什么是KPI关键绩效指标KPI(keyperformanceindicato...