morris.js参数说明

本文详细介绍了创建图表所需的各种配置参数,包括元素ID、数据源、轴标签、线条样式、颜色设置及边距调整等内容,帮助读者掌握图表定制技巧。
  • element(必填):要放置图标区域的id
  • data(必填):图表的数据(就是从后台返回的数据)
  • xkey(必填):要显示在x轴的数据的名称(x轴只能放置时间格式的数据
  • ykeys(必填):要是在y轴的数据的名称
  • labels(必填):对应ykeys的描述名称
  • linewidth(选填):线的宽度 单位是px 默认值为3
  • pointSize(选填):点(x轴数据和y轴数据的交点)的半径,单位px 默认值为4
  • lineColors(选填):线和点的颜色阵列 默认值['#0b62a4', '#7A92A3', '#4da74d', '#afd8f8', '#edc240', '#cb4b4b', '#9440ed']
  • ymax(选填):y轴的最大值。
  • ymin(选填):y轴的最小值。
  • smooth(选填):设置线是否有弧度 false没有弧度 true有弧度 默认为true
  • hideHover(选填):设置鼠标滑出时提示框是否隐藏 true则立即隐藏 false则不隐藏 默认为false
  • parseTime(选填):设置根据x轴的数据来产生相应的时间间距 false则时间间距相同 默认为true
  • units(选填):y轴的单位 默认无
  • dataFormat(选填): 把毫秒转换成时间字符串 
  • marginTop(必填):图表区域的上方边距 默认值为25
  • marginRigth(必填):图表区域的右边边距 默认值为25
  • marginBottom(必填):图表区域的下方边距 默认值为30
  • marginLeft(必填):图表区域的左边边距 默认值为25
  • numLines(必填):图表y轴要切成几等份
  • gridLineColor(选填): 图表y轴要切成几等份的线的颜色 默认值为:#aaa
  • gridTextColor(选填):图表y轴和x轴上的文字颜色 默认值:#888
  • gridTextSize(选填): 图表x轴和y轴上的文字的大小 单位是px 默认值为12
  • gridStorkeWidth(选填): 图表y轴要切成几等份的线的宽度 单位是px 默认值是0.5
  • hoverPaddingY(选填): 提示信息框的上下文内距 默认值 5
  • hoverMargin(选填):提示信息框的边距 默认值 10
  • hoverBorderColor(选填):提示信息框的边框颜色  默认值为 #ccc
  • hoverBorderWidth(选填):提示信息框的边框宽度 默认值为 2 
  • hoverOpacity(选填): 提示信息框的不透明度 默认值为0.5 
  • hoverLabelColor(选填): 提示信息框文字的颜色 默认值为 #444
  • hoverFontSize(选填): 提示信息框的文字大小
第2关:一次性插入 2 个不同本关任务:根据编程要求完成文档查询。 相关知识 常用的文档操作函数 分类 方法 说明 示例 ​插入文档​ insertOne() ​参数: document (Object) - 要插入的文档对象 ​参数: options (Object) - 可选参数(如writeConcern等) 增加一个文档 db.books.insertOne({title:"MongoDB Guide"}) ​插入文档​ insertMany() ​参数: documents (Array) - 要插入的文档数组 ​参数: options (Object) - 可选参数(如ordered控制插入顺 序) 增加两个文档 db.books.insertMany([{title: "DB1"},{title:"DB2"}]) ​更新文档​ updateOne() ​参数: filter (Object) - 筛选文档的条件 ​参数: update (Object) - 更新操作对象($set/$inc等) ​参数: options (Object) - 可选参数(如upsert) 将title为old的文档更新为new db.books.updateOne({title:"old"}, {$set:{title:"new"}}) ​更新文档​ updateMany() ​参数: filter (Object) - 筛选文档的条件 ​参数: update (Object) - 更新操作对象 ​参数: options (Object) - 可选参数(如upsert) 将type为tech的stock数量加5 db.books.updateMany({type:"tech"}, {$inc:{stock:5}}) ​删除文档​ deleteOne() ​参数: filter (Object) - 筛选文档的条件 ​参数: options (Object) - 可选参数(如writeConcern) 删除id为123的文档 db.books.deleteOne({_id:123}) ​删除文档​ deleteMany() ​参数: filter (Object) - 筛选文档的条件 ​参数: options (Object) - 可选参数(如writeConcern) 删除状态为outdated的书籍 db.books.deleteMany({status: "outdated"}) ​查询文档​ find() ​参数: query (Object) - 查询条件对象 ​参数: projection (Object) - 投影规则(指定返回字段) 查找价格小于50的书籍 db.books.find({price:{$lt:50}}) ​查询文档​ findOne() ​参数: query (Object) - 查询条件对象 ​参数: projection (Object) - 投影规则(指定返回字段) 查找作者为John的一本书 db.books.findOne({author:"John"}) ​结果排序​ sort() ​参数: sort (Object) - 排序规则对象(1=升序, -1=降序) 按照价格降序查找第11至15条 db.books.find().skip(10).limit(5).sort({price:-1}) ​跳过​ skip() ​参数: n (Number) - 要跳过的文档数量 按照价格降序查找第11至15条 db.books.find().skip(10).limit(5).sort({price:-1}) ​限制返回​ limit() ​参数: n (Number) - 要返回的最大文档数量 按照价格降序查找第11至15条 db.books.find().skip(10).limit(5).sort({price:-1}) 统计函数 count() 参数:query(查询条件,可选) 查询年龄大于18岁的用户数量。 db.users.find({ age: {$gt: 18} }).count(); db.users.count({ age: {$gt: 18} }); 编程要求 在数据库的test集合中的文档结构示例数据如下: { "name": "Morris Park Bake Shop", //餐馆名称 "restaurant_id": "30075445" //餐馆id "address": { //餐馆地址 "building": "1007", //建筑编号 "coord": [ //位置坐标 -73.856077, 40.848447 ], "street": "Morris Park Ave", //街道 "zipcode": "10462" //邮编 }, "borough": "Bronx", //所在行政区域 "cuisine": "Bakery", //菜系 "grades": [ //评价 { "date": { //评价日期 "$date": 1393804800000 }, "grade": "A", //等级 "score": 2 //分数 }, ... ], } 在右侧代码行 Begin-End 中编辑脚本,完成以下任务: 一次性插入 2 个不同餐馆文档: 1.名称: "Little Italy Pizza", 行政区: "Manhattan", 菜系: "Pizza" 2.名称: "Sushi Paradise", 行政区: "Queens", 菜系: "Japanese"餐馆文档
最新发布
07-02
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值