按钮实现echarts添加与删除节点
2018-01-04 17:52
1176 查看
点击打开链接
1、echarts文件将节点信息通过reducer传出
2、父组件通过reducer收到节点信息,控制删除与添加
3、兄弟组件添加节点信息
4、总结
通过按钮实现echarts节点的删除和添加,需要将echarts中节点的索引和name传出到其他页面,采用的是reducer的机制,其他页面将删除和添加节点的操作信息、新增节点的信息以及选中节点本身的信息通过子父组件或者兄弟组件传值的方式再次传入echarts页面,此时便达到了节点实时刷新的效果。若echarts页面和其他控制页面不是子父组件或者兄弟组件的形式存在,可采用全局监听的机制,此时可用PubSubjs的方式实现组件之间传值,也可达到实时刷新的机制。
PubSubjs机制可参考http://blog.csdn.net/zfan520/article/details/78612088
相关文章推荐
- 按钮实现echarts添加与删除节点
- jQuery实现动态添加、删除按钮及input输入框的方法
- js jquery分别实现动态的文件上传操作按钮的添加和删除
- Angularjs实现购物车功能(按钮增减数量、添加、全选、删除、批量删除、结算)
- 重写QLineEdit,实现编辑框内添加删除按钮的功能(随时把控件Move到一个地方,然后show就可以了,这是万能的办法)
- 点击地图div上的按钮实现对地图数据的操作:查询点、添加点、删除点
- QTreeWidget实现的树形节点的添加+双击响应+删除详解
- javascript实现treeview无刷新添加和删除节点
- Flex+JS:实现可视化的多叉树遍历、查询、聚焦、添加、删除节点
- VC/Wince 实现仿Win8 Metro风格界面3——按钮移动交换、删除、添加快捷方式(附效果图)
- JS 利用节点实现对表格的动态添加删除
- 轻松实现jQuery添加删除按钮Click事件
- 1怎样让输入的text文本填写的部分只添加数字、2怎样将输入的数字一次性全部删除 3怎样选择密码 让它不显示 4 怎样实现在没有return的情况下点击button的情况下就能够使键盘页面下落5 怎样实现点击指定的button来对使指定的text进行键盘弹出 6怎样改变button按钮的状态
- 树的基本结构,以及利用链表实现树的各项操作(创建、添加/删除/打印树节点、销毁等等)
- Android中EditText后添加删除按钮后的实现
- jquery 删除节点 添加节点 找兄弟节点的简单实现
- 地磅称量系统之(40) 实现称量管理界面上的添加、修改、删除、保存、取消按钮的代码
- 这是一个关于XML文档的操作管理器XMLHelper类,类中包括XML文档的创建,文档节点和属性的读取,添加,修改,删除的方法功能的实现
- RecyclerView单选框删除条目,全选删除,Recyclerview 实现多选,单选,全选,反选,批量删除的步骤 1.在Recyclerview布局中添加上底部的全选和反选按钮,删除按钮,和计算
- 单链表的java语言完整实现含添加删除节点