导语

小南瓜大屏支持扩展自定义组件，扩展的方式非常简单，可以根据自己业务需求自定义扩展您想要的图表组件。

我们以立体柱图2Y 这个组件为例来介绍下整体开发组件的流程

步骤

在components创建文件夹--->创建组件--->创建组件配置表单--->在options.js设置组件默认配置项--->在registerCpt.js中注册组件--->在registerOption.js注册配置表单。

具体如下：

1、创建文件夹option

2、创建组件cpt-chart-tdColumn2Y-option.vue

3、创建组件配置表单cpt-chart-tdColumn2Y.vue

4、在options.js设置组件默认配置项

5、在registerCpt.js中注册组件

6、在registerOption.js注册配置表单

7、最后我们看以下哪些地方有引用到我们创建的这个组件

总共有5个文件有涉及到该组件

8、启动工程看看这个组件的效果

添加水印

1、在APP.vue中取消注释

可修改pass的内容信息为想要添加的水印

2、效果图

案例

小南瓜可视化大屏内容展示无需进行定制开发只需要在PC端拖拉拽就可以轻松制作报告并投放到数据大屏。即可快速生成可视化大屏，而且支持自定义维度和指标，非常方便客户进行猜想式、求证式的数据探索。