双击按扭后,重新设置属性并生成一下chart,怎么做呢?

g453100 2017-08-29 11:42:59
var chart = Ext.create('Ext.chart.Chart',{
store:pieRoomTypeStore,
animate: true,
id:'chart',
width:420,
height:200,
insetPadding:30,
legend:{position:'right'},
series:[
{
type:'pie',
field:'numberdata',
showInLegend:true,
donut: 21,
highlight:{segment:{margin:20}},
tips: {
想图形显示后,再把series里面的donu:赋值为40
----------------------------

chart.series.donut=40;
chart.render();
chart.show();
这样设置一个chart的属性,然后重新刷新生成新chart,怎么没有效呢
...全文
255 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
Go 旅城通票 2017-09-04
  • 打赏
  • 举报
回复
更新charts的store数据源,并且用api来更新 http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.data.Store-method-getAt http://docs.sencha.com/extjs/4.1.3/#!/api/Ext.data.Model-method-set

Web开发学习资料推荐
easyui datebox只显示年月选择,隐藏日期
jqGrid中文API
正则测试工具简介 正则测试工具顾名思义是用于正则表达式测试的工具,当然也可以为日常一般数据处理工具,对正则数量的话这个工具可以给你带来极大的便利。有时我们经常需要对html页面源代码进行数据过滤分析,所以工具提供了直接采集html的功能。输入网址,然后点击后面的按钮采集得到html。接着就在下面输入正则表达式,点击下面按钮处理检索结果。 正则表达式学习请打开文件夹里的“Microsoft Windows 脚本技术.chm”,依次展开树“Windows 脚本技术 - VBScript - 正则表达式简介”,认真学习吧,需要耐心和不停的试验,学好了绝对是一把利器。我以前学习都要写vb代码来测试,现在大家可以直接使用这个软件来测试了。不过建议还是多写写代码代码有好处没坏处,加深印象。 界面上所有按钮对应的功能: 【下载代码】下载前面url的页面源代码,可在设置设置采集页面代码的Charset模式 【完全匹配】测试字符串是否和内容匹配,对应正则对象的test方法,返回True或者False 【检索结果】对表达式开始处理,输出所有匹配项目。默认是整个匹配结果和括号捕获匹配的子项都显示,要调整内容可以在“设置”里处理 【全部替换】就是正则表达式替换,对应正则对象的replace方法,比如将上面匹配的内容换成特定的字符,支持$1这样的捕获。 【设置】程序的一些参数都可以在这里设置。比如设置采集网页是否按utf8模式,显示结果是否只显示括号捕获内容,已经设置界面语言等。 特殊功能: 1.左键快速三击窗体空白处可以生成vb代码 2.双击网址处会变成红色,生成的代码会包含下载改网址的函数 3.双击替换按钮后的输入框会变成红色,生成的代码会包含正则替换的代码 4.点击网址、表达式、替换表达式输入框后的箭头会显示所有历史使用的网址或表达式 5.在数据处理区双击会显示出一个对话框,勾选删除回车或制表符,鼠标移开后生效 6.有时需要用到多次正则替换,那么可以一次写多个表达式,表达式之间用>NEXT>隔开 7.按快捷键CTRL+F可以调出搜索框,输入内容后按搜索按钮相关内容会被标记为红色 8.按快捷键CTRL+R可以调出常用正则库。双击选择表达式会自动填入到软件上 您自己可以打开软件旁边的reg.txt进行自行扩充或修改。注意格式,说明文字和后面必须用制表 符来隔开。如果是替换表达式,会涉及到表达式和替换后的内容,请用~~间隔开来。 针对上面的第6条专门举个多次过滤html代码的例子: 网 址:http://www.kujiang.com/read/book/2579/76288 表达式:<script.*?>[\s\S]*?[\s\S]*?|<[^>]*?>|&[a-z]*?;>NEXT>[ \t]+>NEXT>([\r\n] ?)+ 替换表达式:>NEXT> >NEXT>\r\n 点击按钮“全部替换为”,你会得到很纯净的文字。 下面再提供一个采集双色球开奖号的范例: 网 址:http://datachart.500.com/ssq/history/history.shtml 表达式:(\d{5})(\d\d)(\d\d)(\d\d)(\d\d)(\d\d)(\d\d)(\d\d) 点击按钮“检索结果”,如果要结果好看点就在设置里把主匹配和行号显示都设为False sysdzw QQ: 171977759 邮箱: sysdzw@163.com http://hi.baidu.com/sysdzw 1:26 2011-01-18
Class 1 -- Materials Studio 快速入门教程 该教程将介绍Materials Studio 软件的基本功能,在这一部分,你将学到: 一. 生成Projects 二. 打开并且观察3D 文档 三. 绘制苯甲酰胺分子 四. 观察并且处理研究表格文档 五. 处理分子晶体:尿素 六. 建造Alpha 石英晶体 七. 建造多甲基异丁烯酸盐 八. 保存Project 并结束 在d盘上建文件夹class 1: d:\class 1 -Materials-Studio-培训教程全文共77页,当前为第1页。 1. 建立一个新文件夹D:\ MS teach \ class1 2. 运行 Materials Studio,生成名称为My quickstart 的Project 或从运行菜单中运行:所有程序\ Accelrys Materials Studio 4.4 \ Materials Studio 生成一个Project 目的: 介绍Materials Studio 中 project 概念 模块: Materials Visualizer 在桌面双击快捷 式 -Materials-Studio-培训教程全文共77页,当前为第2页。 选择此文件夹存放数据 生成了名称为My Quickstart 的Project 写入My quickstart 这样就产生了新的 Materials Studio project,开始了Materials Studio 运行 -Materials-Studio-培训教程全文共77页,当前为第3页。 3. 恢复project 的默认设置(初学者不要此操作) 本教学过程中,每一个新的 project 都使用 Materials Studio 自动产生的template project 的设置。保证 My quickstart project 也一样。 选择 Tools \ Settings Organizer ,打开Settings Organizer 对话框。 1. 点击此处的Materials Studio icon,选中所有的模块和图示工具。 2. 单击Reset,所有的模块和图示工具都恢复Accelrys默认值。 3. 在此可改变模块和图示工具的设置值。初学者慎用。 在layer builder中试试。 若干次操作后,已有一些参数设置。由于错误等原因,要重复前面的一个过程。为保存两次操作一样,需返回MS的默认设置。 -Materials-Studio-培训教程全文共77页,当前为第4页。 二. 打开并且观察3D 文档 目的: 介绍Materials Studio 中文档 documents 的概念模块: Materials Visualizer前提: 已生成一个Project Materials Studio 使用了多种类型的文件,如3D Atomistic and Mesoscale、text、chart、 HTML、 study table、grid、script、 和 forcefield documents。在后面进行计算时,这些文件将逐个显示在projects中,反映了计算的过程。 现在的教学中, 主要出现的是 3D Atomistic 类型的文件。 本节课包括以下内容: 1. 输入一个结构 2. 调整显示方式 3. 改变3D 结构的视图 4. 选择对象的不同类型 -Materials-Studio-培训教程全文共77页,当前为第5页。 1. 输入一个结构 File / Import,打开输入文件对话框 (注意,此对话框也可用工具栏上的输入按钮 打开)。 选择 Examples / Documents / 3D Model / TON.msi,单击 Import 按钮。 zeolite Theta-1 unit cell 右键旋转 -Materials-Studio-培训教程全文共77页,当前为第6页。 这个 3D Viewer 显示通常的 zeolite Theta-1 单胞。 文件 TON.xsd 是Project Explorer 中My quickstart project 的一部分。注意文件的扩展名已由.msi 变为 .xsd,这是3D 结构的 XML-based native Materials Studio 格式。 msi ? -Materials-Studio-培训教程全文共77页,当前为第7页。 2.调整显示方式 在 3D Viewer 上按右键,出右键菜单,选 Display Style ,Display Style 对话框中的各选项的意义如下: Atom 栏: Display Style: Line:线状模型。 Stick:棍状模型。 Ball and
《Vue和SpringBoot打造假日旅社管理系统》课程,将讲解如何使用Vue和SpringBoot开发这个项目,手把手演示开发流程!附赠源码、文档、数据库脚本等全部资料,提供售后答疑。 课程简介本课程讲解的是《基于 Vue 和 SpringBoot 的假日旅社管理系统》,该系统支持民宿档案、民宿新闻、民宿预定、民宿评论这四大核心业务,适用于乡村民宿企业的民宿预定业务。系统给每个民宿档案提供一个唯一标识,对民宿预定、评论等各个环节进行快速批量的数据采集,确保游客及时掌握景区民宿的真实数据,方便游客进行民宿预定。另外系统还包括员工管理、组织机构管理、文件管理、权限管理功能,给旅社企业提供更个性化的民宿管理模式。假日旅社管理系统采用了基于角色的访问控制,角色和菜单关联,一个角色可以配置多个菜单权限;然后再将用户和角色关联,一位用户可以赋予多个角色。这样用户就可以根据角色拿到该有的菜单权限,更方便旅社企业的管理人员进行权限管控。   软件技术选型前端Vue:Vue 是构建前端界面的核心框架,本系统采用 2.6.14 版本。View UI:基于 Vue.js2.0 的组件库,本系统采用 4.7.0 版本。后端Spring Boot:构建系统核心逻辑的后端框架,本系统采用 2.7.0 版本。MyBatis / MyBatis Plus:后端连接数据库的框架,本系统采用 3.5.2 版本。数据库MySQL:本项目的主数据库,本系统采用 8.0.29 版本。Redis:本系统采用基于 Windows 版本的 Redis,用于图形验证码和用户菜单权限的临时存储,采用了 5.0.14 版本。开发环境VsCode:项目前端的开发工具,使用版本为 1.68.0。IntelliJ IDEA :项目后端的开发工具,使用版本为 2021.3.2。Jdk:Java 的开发环境,使用版本为 17.0.3.1。Maven:后端项目的打包工具,使用版本为 3.6.2。NodeJs:前端项目的开发环境,使用版本为 16.13.0。 软件架构分析基于 Vue 和 SpringBoot 的假日旅社管理系统包括了系统基础模块、民宿档案模块、民宿新闻模块、民宿预定模块、民宿评论模块这五大功能模块,其架构如下图所示。  接下来,分别对五大模块进行详细介绍。系统基础模块系统基础模块,是用于支撑假日旅社管理系统的正常运行,这个模块包括了登陆注册模块、员工部门管理、菜单权限管理等。假日旅社管理系统支持用户使用账号、密码和图形验证码登陆,操作界面如下图所示。  假日旅社管理系统支持用户使用手机号、姓名、密码和图形验证码注册,操作界面如下图所示。 用户成功进入系统后,可进入到基于 Vue 和 SpringBoot 的假日旅社管理系统的首页,首页展示了当前登陆的地址、现在的时间和用户配置的常用模块,如下图所示。 接着用户点击左侧的用户管理,即可进入用户管理模块,用户管理模块的首页如下图所示。 用户可以在这个模块对系统登陆用户的档案进行维护,包括添加新用户、删除用户、编辑用户、根据姓名/部门查询用户。用户可以进入部门管理模块,管理旅社的部门数据,如下图所示。 同理用户可以进入到菜单管理模块,对系统的菜单进行管理,菜单管理模块的操作界面如下图所示。 民宿档案模块第二个模块是民宿档案模块,民宿档案就是用来管理民宿的数据,民宿档案包括民宿的名称、面积、房号、房间类型、早餐情况、价格、备注等,以下是民宿档案模块的主界面。用户可以点击顶部的“新增”按钮,进入民宿档案添加界面,添加民宿档案数据,如下图所示。 其中房间类型为下拉框单项选择,如下图所示。还有早餐情况也是下拉单选,如下图所示。 用户可以对现有的民宿档案数据进行编辑更新,只需点击每一行民宿档案数据的“编辑”按钮,即可进入民宿档案数据的编辑界面,如下图所示。 用户也可以对不需要的民宿数据进行删除操作,用户点击删除时,系统会弹出二次确认弹框,如下图所示。  民宿新闻模块第三个模块是民宿新闻模块,民宿新闻就是用来管理民宿的新闻资讯,包含的功能如下所示。 民宿新闻包括民宿的名称、面积、房号、房间类型、早餐情况、价格、备注等,以下是民宿新闻模块的主界面,其中的图片仅供测试样例使用。用户可以点击顶部的“新增”按钮,进入民宿新闻添加界面,添加民宿新闻数据,如下图所示。 新闻描述字段采用了 ueditor 富文本编辑器,这是由百度 web 前端研发部开发的所见即所得的开源富文本编辑器,具有轻量、可定制、用户体验优秀等特点,基于 MIT 开源协议,所有源代码可自由修改和使用。 用户可以对现有的民宿新闻数据进行编辑更新,只需点击每一行民宿新闻数据的“编辑”按钮,即可进入民宿新闻数据的编辑界面,如下图所示。 民宿预定模块第四个模块是民宿预定模块,旅客可以在民宿预定模块中预定民宿,达到旅客的住宿目的,民宿预定模块包含的功能如下所示。民宿预定包括了预定民宿 ID、预定民宿名称、预定日期、下单时间、下单人 ID、下单人姓名、价格、是否付款、下单备注等字段,旅客首先进入民宿档案模块,可以看到每一行民宿数据都有一个预约按钮,如下图所示。 如用户点击 1 幢 102 民宿的预约按钮后,会弹出预约确认框,需要输入预约的日期,日期表单默认选择今日,如下图所示。 旅客需要点击“确认预约”按钮,完成预约操作,系统给与“预约成功”提示,如下图所示。 预约成功后,旅客可以从民宿预定模块中进行查询,如下图所示。 最后旅客进行付款操作,点击每一行右侧的付款按钮,如下图所示。支付完成后,系统将预定单的支付状态改为付款,预定流程结束,如下图所示。 民宿评论模块 第五个模块是民宿预定模块,旅客可以在民宿预定结束后评论民宿,以帮助更多的人了解民宿,民宿评论模块包含的功能如下所示。 民宿评论包括了民宿名称、民宿 ID、评论时间、评论内容、评论人 ID、评论人姓名等字段,旅客首先进入民宿档案模块,可以看到每一行民宿数据都有一个评论按钮,如下图所示。 旅客点击评论后,系统给与弹框反馈,如下图所示。  用户输入评论内容后,点击确认评论按钮,即可完成评论操作,如下图所示。  旅客评论后,即可在民宿评论模块中查看此评论数据,如下图所示。 也可以在民宿模块中,双击民宿数据查看评论信息,如下图所示。 项目总结本软件是基于 Vue 和 SpringBoot 的假日旅社管理系统,包含了民宿档案、民宿新闻、民宿预定、民宿评论这四个功能模块。 开发本系统的目的,就是为了帮助旅游景点的民宿企业提高民宿管理效率,降低人力成本,让旅游景点的民宿企业获得更多的经济效益。

52,799

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 Ajax
社区管理员
  • Ajax
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧