ThingJS有自己的可视化图表编辑工具啦!
ChartBuilder可以让更多的人通过可视化发现数据的价值,帮助非专业工程师通过图形化界面,轻松搭建专业水准的可视化场景。
启动ChartBuilder
ThingJS的商业开发者进入调试环境会看到下图中图标“导入图表”按钮。
新建或者打开项目,点击导入图标可进入ChartBuilder界面。在这里就可以添加想要的图表啦!
插入图表
在ChartBuilder菜单栏中有各种不同类型的图表,可根据项目需求任意添加。操作完成后可以通过ctrl+s保存图表,保存完成回到调试环境,刷新页面或者点击项目前边小图标刷新,就可以看到项目下新增了后缀为“.cht”的文件。“.cht”的右键菜单就包含了该场景的“图表编辑”和“图表预览”。
对接数据
选中图表,选择下图框选按钮,接入多种数据源。其中包含了静态数据、接口请求、数据库查询等方式,具体的可以参考ChartBuilder的文档的数据接入部分。