图表是根据查询列表数据以图形方式直观展示,一个应用可以设置多个图表:
图表名称:图表名称。如果是多语言则写法为:中文/英语/繁体中文,语言之间用/分隔。
备注:图表备注说明。
宽度:指定图表宽度(如果不指定则设置为页面宽度)。
高度:指定图表高度(如果不指定则设置为页面高度)。
主题:浅色或深色。
图表选项:图表选项。如上图中的示例。选项可以从echarts官网示例中直接复制。示例网址:https://echarts.apache.org/examples/zh/index.html
复制只复制json部分,option=以及后面的;号不用复制。
数据Sql:图表数据来源的查询Sql,写了Sql就可以在图表数据脚本中用this.chartData['图表id']获取Sql查询数据来设置图表数据。
数据脚本:组织图表数据的js脚本(脚本中chartOption['option']表示图表选项)。如第一个图中的示例设置,最终显示效果:
联系QQ:493501010电话:136 0832 5512(微信同号)邮箱:road@roadflow.net
Copyright 2014 - 2025 重庆天知软件技术有限公司 版权所有
|