快捷开发

应用场景 #

  • 专业化开发, 可将仪表盘显示和模板开发分屏开发
  • 当你熟悉smartchart的基础开发后, 你可能会喜欢上现在这种方式

把你的可视化页面移动的显示器上吧, 进入"模板" 开发页面(上节介绍如何进入)

方式一: 自动化DIV #

此方式当你新增数据集图形时会自动识别, 无需手动在模板在添加 采用此方式请不要采用点击模板上方菜单的图形新增 如需编辑图形或数据集可按如下方式: 输入图片说明 输入图片说明

方式二: 自由DIV #

你可以模板中按照常规的H5页面编辑, 只是在需要插入图形的地方插入即可(建意通过模板上方的图形新增) 开始畅快的开发

  • 点击图形即可新增一个图形,你甚至可以指定图表的位置, 完全和写html一样, 图形代码段:{{div_list.图表顺序号}}
  • 注意自由DIV模式下的新增图形, 是不自带容器的, 如有需要,可选中"图形代码",点击菜单的容器包裹上容器

输入图片说明

如果使用自由布局, 请删除自动化DIV这一段代码 输入图片说明

  • 选中生成的图形代码段, 点击菜单栏的 数据集, 图形, 布局开发或使用CTRL+Q, 即可进入开发界面, 如果没有数据集, 会自动帮你新建

可以观看视屏, 视屏比较老和现在不太一样, 仅参考即可 自由开发模式视屏