使用自定义小组件

如果所需的小组件比内置的小组件多,可以:
  • 从 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