使用自定义小组件

如果所需的小组件比内置的小组件多,可以:
  • Apache ECharts 网站下载小组件,使用 JS 文件添加它,然后自定义 JavaScript。
  • Apache ECharts 网站复制小组件的 JavaScript,然后将 JavaScript 粘贴到小组件编辑器中。
通常,小组件有两个相关联的 JS 文件:
  • 以 _
    Custom.js
    结尾的文件用于小组件外观。
  • 以 _
    Refresh.js
    结尾的文件用于数据连接。
添加自定义小组件
  1. 访问 Apache ECharts 网站,然后找到需要的图表或图形。
  2. 下载小组件的 JavaScript,然后将其保存为 JS 文件。或者,可以复制它的 JavaScript,然后将其粘贴到小组件编辑器中。
    重要提示:
    JS 文件名必须以 _
    Custom.js
    或 _
    Refresh.js
    结尾。
  3. 在 FactoryTalk View Studio 中,从
    工具箱
    中选择
    .NET 控件
    ,然后将其添加到画面。
  4. Windows 窗体
    选项卡上,选择
    EChartsWidget
    ,然后选择
    确定
  5. DotNetControl 属性
    对话框中,选择
    EChartsWidget 设置
  6. EChartsWidget 属性
    对话框中,选择
    AppearanceScript
    ConnectionScript
    旁边的浏览按钮。
  7. EChartsWidget 编辑器
    中,选择
    添加小组件
    ,然后选择两个 JS 文件。
    如果已复制一个小组件的 JavaScript,请将其粘贴到编辑器中,然后转到步骤 9。
    _Custom.js 在
    外观编辑器
    中加载,_Refresh.js 则在
    连接编辑器
    中加载。您应该在单独的编辑器中自定义和编辑脚本,以便这些脚本起作用。
  8. 选择小组件
    列表中,选择自定义小组件。
  9. 根据需要配置 JavaScript 并与值连接绑定。
  10. 预览属性
    中输入值,然后选择
    预览
  11. 如果预览的小组件是所需的小组件,请选择
    确定
  12. 返回
    DotNetControl 属性
    对话框,然后选择
    连接
    选项卡。
  13. 将值连接与标签绑定,然后选择
    确定
提供反馈
对本文档有问题或反馈吗? 请在这里提交您的反馈
Normal