.NET CORE开源工作流引擎 - 可视化流程设计器 - 工作流表单设计器 - .NET快速开发平台 - .NET三层代码生成器 - 通用权限管理

.NET MVC CORE开源工作流平台,可视化流程设计器
应用设计-图表

图表是根据查询列表数据以图形方式直观展示,一个应用可以设置多个图表:

image.png

图表名称:图表名称。如果是多语言则写法为:中文/英语/繁体中文,语言之间用/分隔。

备注:图表备注说明。

宽度:指定图表宽度(如果不指定则设置为页面宽度)。

高度:指定图表高度(如果不指定则设置为页面高度)。

主题:浅色或深色。

图表选项:图表选项。如上图中的示例。选项可以从echarts官网示例中直接复制。示例网址:https://echarts.apache.org/examples/zh/index.html

        image.png

        复制只复制json部分,option=以及后面的;号不用复制。

数据Sql:图表数据来源的查询Sql,写了Sql就可以在图表数据脚本中用this.chartData['图表id']获取Sql查询数据来设置图表数据。

数据脚本:组织图表数据的js脚本(脚本中chartOption['option']表示图表选项)。如第一个图中的示例设置,最终显示效果:

    image.png


联系QQ:493501010电话:136 0832 5512(微信同号)邮箱:road@roadflow.net
Copyright 2014 - 2025 重庆天知软件技术有限公司 版权所有