echarts基本使用.docVIP

1、下载做图表时，用到的类库； 如：echarts.config = require(echarts/config)， zrender.tool.color = require(zrender/tool/color) 实例：/doc/start.html? 之前写过一篇关于HighCharts的博文，此次新系统也需要做统计图表了，HighCharts需要授权的，所以此次也不用这个版本了。百度的Echarts也很不错，大概看了一下，和HighCharts的风格没什么差别。从昨天开始研究了一下，也查了一些资料，这里集成java语言，做了一个demo。我这里做的是tag标签的写法，为了更加通用，这里也分享给大家了。 所需要的包，可以直接下载，东西挺多的，按需引入。 开始上代码。 首先是tag，这个东西，大学之后，几乎不怎么用了，没想到现在又用到了。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 %@ tag pageEncoding=UTF-8isELIgnored=falsebody-content=empty% %--自定义div容器id--% %@attributename=containerrequired=true% %--自定义标题--% %@attributename=titlerequired=true% %--自定义子标题--% %@attributename=subtitlerequired=false% %--自定义数据请求url--% %@attributename=urlsrequired=true% ? %@ taglib prefix=curi=/jsp/jstl/core% ? script src=/echarts-2.1.8/build/dist/jquery.min.js/script script src=/echarts-2.1.8/build/dist/echarts-all.js/script script type=text/javascript ????// 基于准备好的dom，初始化echarts图表 ????var myChart = echarts.init(document.getElementById(${container})); ????var option={ ????????title : { ????????????text:?${title}, ????????????subtext:?${subtitle} ????????}, ????????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, ????????????????boundaryGap :?false, ????????????????data : [] ????????????} ????????], ????????yAxis : [ ????????????{ ????????????????type :?value, ????????????????axisLabel : { ?