sapui5代码中使用jquey插件flot画图
来源:互联网 发布:起点 科幻 知乎 编辑:程序博客网 时间:2024/06/05 23:52
下载js类库放到app的js目录下面
修改文件manifest.json
"resources": { "js": [ { "uri": "js/jquery.flot.js" }, { "uri": "js/jquery.flot.stack.js" }, { "uri": "js/JUMFlot.min.js" } ], "css": [ { "uri": "css/style.css" } ]
controller js代码中画图即可,比如
plotspider: function() { var d1 = [ [0,10], [1,20], [2,80], [3,70], [4,60] ]; var d2 = [ [0,30], [1,25], [2,50], [3,60], [4,95] ]; var d3 = [ [0,50], [1,40], [2,60], [3,95], [4,30] ]; var data = [ { label: "Pies", color:"green",data: d1, spider: {show: true, lineWidth: 12} }, { label: "Apples",color:"orange",data: d2, spider: {show: true} }, { label: "Cherries",color:"red",data: d3, spider: {show: true} } ]; var options = { series:{ editMode: 'v',editable:true, spider:{ active: true,highlight: {mode: "area"}, legs: { data: [{label: "SAP"},{label: "Huawei"},{label: "Lenovo"},{label: "三桶油"},{label: "中国电信"}], legScaleMax: 1, legScaleMin:0.8 }, spiderSize: 0.9 } }, grid:{ hoverable: true,clickable: true, editable:true, tickColor: "rgba(0,0,0,0.2)",mode: "spider" } }; $.plot($("#flotContainer"), data, options); },
阅读全文
0 0
- sapui5代码中使用jquey插件flot画图
- Javascript FLOT画图插件详解
- flot - jQuery 图表插件(jquery.flot)使用
- flot - jQuery 图表插件(jquery.flot)使用
- jquery.flot图表插件使用
- 使用jQuery插件Flot,绘制饼图
- flot 画图示例
- jquery flot画图
- 使用jQuery+flot插件在网页中动态显示服务器CPU运行状态
- sapui5 app中使用自定义css文件
- 系统开发中flot插件做折线图
- flot介绍与使用(一款开源绘图js插件)
- jQuery_统计图插件-flot
- jquery flot图表插件
- SAPUI5 (20) - 在 Component 中封装启动代码
- flot 例子代码
- Jquey调试代码
- jquery flot 实现JS画图表
- 模板:大整数类 BigInteger
- Java+Selenium3框架设计篇3-利用京东来举例实现POM和测试页面基类
- Codeforces Round #425 (Div. 2) B. Petya and Exam【模拟】
- Jquery 子页面触发父级事件、父级获取子级信息
- 机械臂(3)——使用MATLAB建立机械臂模型
- sapui5代码中使用jquey插件flot画图
- 设计模式--观察者
- 解决subline安装后无package control菜单项
- UVA1627TeamThemUp
- python爬虫学习第十六天——今天有点晚,请假一天
- 【leetcode】第20题 Valid Parentheses 题目+解析+代码
- 潘多拉盒子安装aria2命令
- 数据结构-线性表
- Codeforces Round #425 (Div. 2) C