一、项目地址
二、阅读总结
（1）画布组件样式配置栏组件的实现
右侧的配置栏组件，组件库里的每个组件都单独写一份vue的模板文件。对于多个组件共有的配置，会进行公共组件的抽离，
如对于柱状图和折线图组件，这两个图表组件有许多共有的配置，对共有的配置，抽离为global-setting组件进行组件复用。
那么在用户进行配置的修改后，如何去改动组件的配置数据呢？这里就用到了vue里的双向数据绑定v-model的指令，去进行数据的同步。
（2）导入功能的实现
通过FileReader读取导入的Json文件，使用该Json文件进行画布初始化。
（3）画布组件基础事件配置
画布组件基础事件配置功能的介绍：
阿里云事件配置介绍
在阿里云datav项目中，组件的基础事件配置通常用于组件之间的联动，当组件A的某个事件被触发的时候，组件B等其他组件的数据内容根据组件A当前的数据内容发生相应变化。
那么组件B的数据内容如何与组件A的数据内容关联起来呢？
我们通过全局变量进行关联，打个比方说，我们让组件B的数据来源是全局变量var_ncqg0，我们的组件A是如下图的下拉框选择器，我们希望下拉框内容被选中的时候，组件B的数据内容是选中的下拉框内容的title,那么我们就可以给组件A这个下拉框选择器绑定上事件，即在下拉框内容被选中时候的事件，被选中时，将选中数据的title赋值给var_ncqg0(也就是组件B的数据来源），这样我们
1124
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
