当前位置: 首页 > Web前端 > JavaScript

DataGear使用静态HTML模板制作数据可视化看板

时间:2023-03-27 11:02:25 JavaScript

DataGear看板提供导入静态HTML模板的功能,让您可以使用任何已有的HTML网页资源快速制作数据可视化看板。首先,你需要准备一套带布局的静态HTML模板,里面包含HTML页面和相关资源,例如:index.htmlcss/|---style.css|---images|---bg。png|---bg_head.pngjs/|---index.js|---common.js其静态效果如下图所示:然后,将这组静态HTML模板压缩成一个ZIP文件,使用DataGearKanban【导入】功能,将此ZIP文件导入为看板。导入成功后,打开看板编辑界面,在HTML模板中的div元素中添加dg-chart-widget属性绑定图表组件,例如:...

...其中,图表组件ID为图表管理列表中的图表条目ID。设置完所有的div元素后,一个数据可视化板就创建好了。点击【保存并显示】按钮,查看显示效果。等等,默认显示效果不理想。。。没关系,自定义显示效果也很简单!一、自定义图表主题,打开看板编辑界面,为标签添加dg-chart-theme自定义图表主题,如下:然后自定义图表设置项,在标签中添加dg-chart-options属性,定义全局图表设置项:大功告成!