天翎MyApps技术社区 - 低代码平台 | 流程管理系统 | BPM软件

 找回密码
 注册成为天翎用户
查看: 431|回复: 1

[已解决] 通过脚本设置图表内容

[复制链接]
yaya 发表于 2022-9-5 18:49:57 | 显示全部楼层 |阅读模式
【myApps/OBPM版本号】:v4.4- sp XX
【浏览器类型】:Chrome/其他
【联系方式-QQ】:请留下您的QQ号码
【联系电话】:    请留下您的联系电话,以便技术同事更好解决您的问题
【问题描述】:通过脚本设置图表内容










1、问题描述最好图文并茂,如有视频/脚本可直接放出,这样技术同事在处理该问题时效率更加高效哦~
2、如果该问题已得到解决,请在该帖子下回复\"已解决可结帖\"
 楼主| yaya 发表于 2022-9-5 18:52:53 | 显示全部楼层
/*查询数据库表,统计结果显示为饼图*/
(function () {
//定义一个数组
var nameList = [];
var clazzList = [];
var chineseList = [];
var mathsList = [];
try {
    var sql = "select * from tlk_班级人数登记表";//查询表单数据
    var service =
Packages.cn.myapps.designtime.common.service.DesignTimeServiceFactory.resolve("cn.myapps.designtime.datasource.service.DataSourceDesignTimeService");
    //var datas = queryByDSName("obpm2_testcase",sql);
    var datas = service.queryDataSourceSQL("obpm2功能示例", sql, "HdPeBqYwJyFyjHkhZu3");
    if (datas != null) {
        for (var iterator = datas.iterator(); iterator.hasNext();) {
           var map1 = iterator.next();//取值
           var name = map1.get("item_姓名");
           var clazz = map1.get("item_班级");
            var chinese = map1.get("item_语文");
           var maths = map1.get("item_数学");
           //往数组里塞值
          nameList.push(new String(name));
          clazzList.push(new String(clazz));
          chineseList.push(new String(chinese));
          mathsList.push(new String(maths));
       }

    }
   } catch (e) { }
  println("nameList4:" + nameList);
println("chineseList:" + chineseList);
var option = {
    title: {
    text: "个人成绩对比图",
  },
tooltip: {
   trigger: 'axis'
},
legend: {
  data: nameList
},
toolbox: {
    show: true,
            feature: {
                mark: { show: true },
                dataView: { show: true, readOnly: false },
                magicType: { show: true, type: ['line', 'bar'] },
                restore: { show: true },
                saveAsImage: { show: true }
            }
        },

        calculable: true,
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                data: nameList
            }
        ],

        yAxis: [
            {
                type: 'value',
                axisLabel: {
                    formatter: '{value}'
                }
            }

        ],

        series: [

            {
                name: '语文成绩',
                type: 'line',
                data: chineseList,
                markPoint: {
                    data: [
                        { type: 'max', name: '最大值' },
                        { type: 'min', name: '最小值' }
                    ]
                },

                markLine: {
                    data: [
                        { type: 'average', name: '平均值' }
                    ]
                }

            },

            {
                name: '数学成绩',
                type: 'line',
                data: mathsList,
                markPoint: {
                    data: [
                        { type: 'max', name: '最大值' },
                        { type: 'min', name: '最小值' }
                    ]
                },

                markLine: {
                    data: [
                        { type: 'average', name: '平均值' }
                    ]
                }
            }
        ]
    };
    return option;
})()

本版积分规则

QQ|手机版|天翎MyApps技术社区 ( 粤ICP备11093750号 )

GMT+8, 2026-8-12 22:59

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表