简朴来说呢它就是一个商业级数据图表,一个纯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米代金券、领会最新阿里云产物的种种优惠流动点击进入
写这篇文章的意图并不是为成熟工作流引擎知识徒增一篇文章,也不是深入介绍JPBM、Aactivity等工作流引擎技术和数据库结构。而是因为当前转ToB的产品经理多了,但提及这块儿就很难深入。虽然有不少...
这些年来,随着城市化进程的推进,一些大型商业体不断出现在各大城市的区域中心,最开始叫做shoping mall,现在大家一般称呼商业中心,它和以往的百货大楼不同,属于分散经营,内部包罗万象,经营灵活多...
本文导读目录: 1、黑客入侵了我的邮箱,然后用我的邮箱发给了我自己一封勒索邮件。求助!!!!! 2、我的邮箱收到一封黑客交易请求的邮件怎么办? 3、电脑被黑客反复发送勒索邮件怎么办? 4、...
易祥千玺新综艺《朋友请听好》早已开播了2期了,也使我们看到了不一样的四字弟弟。易烊千玺在牵涉到不可以解释的行业时,就逐渐东北地区大爷式揣手,好看的人如何都漂亮!下边我产生:易祥千玺东北地区老大爷式揣手...
原标题:职业黑客网上接单自称太忙 千元攻击1个服务器 300元,两天之内破解一个电子邮箱;1000元,攻击一次或一个服务器……这个价钱是一个职业黑客给记者开出的价钱。随着网络技术不断进步、网络...
票据有短中长期之分,那么,知道什么是中期票据吗? 中期票据是指期限通常在5-10年之间的票据。 中期票据是一种具有独特性质的公司债务工具。通过发行者的代理向投资者连续发行。投资者可以从若干...