- 浏览: 3362946 次
- 性别:
- 来自: 珠海
文章分类
- 全部博客 (1633)
- Java (250)
- Android&HTML5 (111)
- Struts (10)
- Spring (236)
- Hibernate&MyBatis (115)
- SSH (49)
- jQuery插件收集 (55)
- Javascript (145)
- PHP (77)
- REST&WebService (18)
- BIRT (27)
- .NET (7)
- Database (105)
- 设计模式 (16)
- 自动化和测试 (19)
- Maven&Ant (43)
- 工作流 (36)
- 开源应用 (156)
- 其他 (16)
- 前台&美工 (119)
- 工作积累 (0)
- OS&Docker (83)
- Python&爬虫 (28)
- 工具软件 (157)
- 问题收集 (61)
- OFbiz (6)
- noSQL (12)
最新评论
-
HEZR曾嶸:
你好博主,这个不是很理解,能解释一下嘛//左边+1,上边+1, ...
java 两字符串相似度计算算法 -
天使建站:
写得不错,可以看这里,和这里的这篇文章一起看,有 ...
jquery 遍历对象、数组、集合 -
xue88ming:
很有用,谢谢
@PathVariable映射出现错误: Name for argument type -
jnjeC:
厉害,困扰了我很久
MyBatis排序时使用order by 动态参数时需要注意,用$而不是# -
TopLongMan:
非常好,很实用啊。。
PostgreSQL递归查询实现树状结构查询
ECharts详细说明 http://elang0705.iteye.com/blog/2252577
格式化提醒
tooltip: {
trigger: 'item', // 单个显示,多个提示使用axis
//formatter: "{a} <br/>{c} ({d}%)"
formatter: function(params, ticket, callback){
alert("formatter");
//自己返回格式化信息
}
}
echarts多图例子
http://www.oschina.net/question/2430036_2157470
一张图里面包含两个pie图
一个柱状图 + 一个pie图
柱状图每个周期对应单独的一个并图
http://echarts.baidu.com/demo.html#mix-timeline-finance
格式化提醒
tooltip: {
trigger: 'item', // 单个显示,多个提示使用axis
//formatter: "{a} <br/>{c} ({d}%)"
formatter: function(params, ticket, callback){
alert("formatter");
//自己返回格式化信息
}
}
echarts多图例子
http://www.oschina.net/question/2430036_2157470
一张图里面包含两个pie图
option1 = { title : { text: '性别统计', subtext: '纯属虚构', x:'right' }, tooltip : { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" }, legend: { orient: 'vertical', left: 'left', data: ['本科男','本科女','硕士男','硕士女'] }, series : [ { name: '硕士', type: 'pie', radius : '55%', center: ['35%', '30%'], data:[ {value:250, name:'硕士男'}, {value:150, name:'硕士女'} ], itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } }, { name: '本科', type: 'pie', radius: '55%', center: ['70%', '70%'], data: [ {value: 500, name:'本科男'}, {value: 300, name: '本科女'} ] } ] }; myChart1 = echarts.init(document.getElementById('canvas1'), globalEChartTheme); myChart1.setOption(option1);
一个柱状图 + 一个pie图
option1 = { "title": {"text": "采购统计排行", "subtext": "采购统计排行"}, "tooltip": {"trigger": "axis"}, "legend": { "x": "left", "y": "bottom", "data": ["切割机V1", "PVC0.4", "PVC0.9"] }, "toolbox": { "show": true, "orient": "vertical", "x": "right", "y": "center", "feature": { "mark": {"show": true}, "dataView": {"show": true, "readOnly": false}, "magicType": {"show": true, "type": ["line", "bar", "stack", "tiled"]}, "restore": {"show": true}, "saveAsImage": {"show": true} } }, "calculable": true, "xAxis": [{"type": "category", "data": ["采购数量统计排名"]}], "yAxis": [{"type": "value"}], "series": [ { "type": "bar", "markPoint": {"data": [{"type": "max", "name": "最大值"}, {"type": "min", "name": "最小值"}]}, "markLine": {"data": [{"type": "average", "name": "平均值"}]}, "name": "切割机V1", "data": [13] }, { "type": "bar", "markPoint": {"data": [{"type": "max", "name": "最大值"}, {"type": "min", "name": "最小值"}]}, "markLine": {"data": [{"type": "average", "name": "平均值"}]}, "name": "PVC0.4", "data": [1313] }, { "type": "bar", "markPoint": {"data": [{"type": "max", "name": "最大值"}, {"type": "min", "name": "最小值"}]}, "markLine": {"data": [{"type": "average", "name": "平均值"}]}, "name": "PVC0.9", "data": [1125] }, { name: '本科', type: 'pie', radius: '10%', center: ['70%', '20%'], data: [ {value: 13, name: '切割机V1'}, {value: 1313, name: 'PVC0.4'}, {value: 1125, name: 'PVC0.9'} ] }] }; myChart1 = echarts.init(document.getElementById('canvas1'), globalEChartTheme); myChart1.setOption(option1);
柱状图每个周期对应单独的一个并图
http://echarts.baidu.com/demo.html#mix-timeline-finance
发表评论
-
jqGrid的搜索框下拉
2016-06-06 09:21 2682http://www.cnblogs.com/linguogu ... -
jQuery Backstretch动态设置背景图片插件
2016-05-29 02:41 1524原文: http://www.2cto.com/kf/2014 ... -
自动 CSS 回归测试工具 BackstopJS
2016-05-03 09:48 1180http://www.oschina.net/p/backst ... -
用CSS开启硬件加速来提高网站性能
2016-04-19 09:06 1171http://www.cnblogs.com/PeunZhan ... -
css3旋转的大风车动画特效
2016-04-18 16:26 1233http://www.oschina.net/code/sni ... -
CSS实现垂直居中的常用方法
2016-04-15 13:32 966http://my.oschina.net/agileai/b ... -
固定大小的div 自适应显示图片
2016-04-13 10:29 1421http://www.oschina.net/code/sni ... -
pageSwitch-支持121种过渡效果的JavaScript页面切换插件
2016-04-10 01:25 1566介绍: http://www.htmleaf.com/jQue ... -
CSS3效果或插件收集
2016-04-09 14:17 1590资源网站: 懒人之家 http://www.lanrenzh ... -
Dropzone JS 使用指南(文件拖拽上传)
2016-04-08 13:25 4302JavaScript 文件拖拽上传插件 dropzone.js ... -
纯CSS3多层云彩变换动画特效
2016-04-06 14:13 962原文: http://hovertree.com/h/bjaf ... -
如何将页脚固定在页面底部
2016-04-05 10:36 985http://www.w3cplus.com/css/css- ... -
纯CSS实现箭头,圆点, 三角形
2016-03-30 13:44 2007http://my.oschina.net/u/2362038 ... -
基于jQuery的监控表单元素变化的小插件
2016-03-28 13:24 1662http://www.easyui.info/archives ... -
巧用 jQuery 筛选器,避免重复代码
2016-03-25 23:01 1449http://my.oschina.net/mays/blog ... -
zepto(移动简化版jQuery),的 API 分类
2016-03-24 09:22 1696http://my.oschina.net/leejun200 ... -
[HTML5]Notification桌面提醒功能
2016-03-23 21:20 937[HTML5]Notification桌面提醒功能 http: ... -
PJAX的实现与应用
2016-03-22 13:18 1024http://www.cnblogs.com/hustskyk ... -
css3总结笔记
2016-03-18 11:50 501http://my.oschina.net/u/2460148 ... -
html上传图片之前在网页预览实现
2016-03-16 10:40 1004HTML5之FileReader的使用 http://blog ...
相关推荐
echart+百度地图模拟经纬度位置信息记录
最近项目中开始使用ECharts做图表,在React+Antd中使用Echart还是遇到了很多坑,希望记录下解决办法可以帮助到大家。由于初次使用,很多代码优化空间很大,希望大家能帮我提出,感恩~ 最终效果 1、实现点击折线图上...
近期笔者在使用Taro进行微信小程序开发,当引入Echarts图表库时,微信检测单包超限2M的一系列优化措施的踩坑记录,期望能指导读者少走一些弯路。 为什么选择Echarts? 微信小程序目录市面上使用最多的两款图表库,...
业务日志:通过注解的方式记录用户操作日志,并提供日志查询功能 登录日志:查看用户登录登出日志 cms内容管理,配合flash-vue-h5提供了手机端内容展示系统 消息管理:配置消息模板,发送短信,邮件消息 基于idea...
支出记录管理:对记录信息的增删改查,按支出收入情况,使用echart报表插件显示出来 入账记录管理 我的积分管理 积分商城:添加兑换物品的基本信息(名称、图片、数量、积分价格) 订单管理: 系统管理:轮播图 系统...
记录鼠标点击次序并实现平滑画线,以线做轨迹进行移动,可以做为人员或车辆行走轨迹处理。
学生需要将研究过程、方法、结果以及结论等详细记录在毕业论文中,以展示其研究的全貌和成果。同时,撰写毕业设计还有助于提高学生的学术写作水平,培养清晰、逻辑的表达能力。 最后,毕业设计的评价通常由导师和...
前端时间做一个vue的项目,echart是按需引入的如下: // 引入 ECharts 主模块 import echarts from 'echarts/lib/echarts' // 引入折线图 import 'echarts/lib/chart/line' // 引入提示框和图例组件 import '...
系统功能模块: 一、用户管理模块: ... 二、生产成品药管理: 生产成品入库(增删改查、导出)、... 销售申请、销售审批(管理员)、销售记录(使用echart图表直观展示最好)、发货记录、财务入库、发货查询、退货记录
农业气象管理平台 后台采用ssm 前端采用layui 基本实现了关于数据的增删查改 属于入门的实践项目 ...3.功能有用户登录注册,简单权限分配,地区作物信息记录,天气信息记录,市县级作物分配、echart静态信息显示等功能
基于本人所用框架是wepy,最近在微信小程序里需要绘制一些echarts图表,搜索很多都是原生代码集成,总之也是费了一番功夫,记录一下实践过程: 1.将echarts.js 和 wx-canvas.js 集成到项目里; 2.在page页中引入上述...
主要介绍了在vue中实现清除echarts上次保留的数据(亲测有效),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
记录两个项目开发中遇到的问题,一个是ECharts外部调用保存为图片操作,一个是workflow工作流连接曲线onmouseenter和onmouseleave事件由于鼠标移动过快触发问题。 一、外部按钮调用ECharts图表的保存为图片操作 ...
组件只做了简单的传值处理,记录开发思路及echarts简单使用。 这里默认所有图表样式一致,都为柱状图,如需其他类型,可查阅echarts官网文档,再动态传值即可。 vue 使用组件 ——在外层用v-for 循环,传不同值进...
最近突发奇想,想自己做一个理财分析记录的网页,主要给自己记账,然后想到了把每天,每周的消费用图标分析出来,于是就需要用到百度的echarts图标插件,talk is cheep, show me the code。 1. npm 安装ngx-...
百度ECharts实现的地图方面的例子,某省份的热图、轨迹图和线图等例子。
为了方便老师对所教科目及学生的统一管理,系统提供了课程信息管理、课程签到管理、学生拍照权限管理三大功能,并使用EChart组件制作了一个课程科目与所选学生数量关系的饼状统计图。其次,在学生的功能页面中,系统...
(2)首页模块:包括两部分:排行榜与数据统计,上方排行榜用三个板块分别统计本月收入,支出,净收入,下方数据统计使用echart图表,饼状图展示收入支出对比,柱状图展示各种支付方式的收入支付比,可参考我给的图片 ...
网上找的print.js做了修改,支持Echarts图表这里记录一下,不知道是哪家的代码了,我看都一样 这里是看到了两个源码 https://github.com/xyl66/vuePlugs_printjs/blob/master/print.js ...以下是我修改过的 ...
Echart 5.x dayjs axios lib-flexible 项目进度 账单列表 添加账单 账单想去 数据报表 个人中心 消费类型管理 骨架屏 软件打分 学习交流 QQ学习交流群:932227898 友情链接 Vue 新蜂商城开源地址: