NutzCN Logo
问答 有结合图表统计的现成代码吗,如eChart,不要问我为什么这么懒
发布于 2573天前 作者 qq_014c3fb0 2047 次浏览 复制 上一个帖子 下一个帖子
标签: nutzwk

如题。。
我觉得正是懒的程序员才会有创造力。
另,恭贺下63版本发布,不知有什么大的升级功能,nutz的确能带来生产力,尤其是小团队开发。

3 回复

很三部写出echart的饼状图:
第一部引入 echarts.min.js
第二部帖入配置文件
第三部,循环业务代码(后端写入循环)

<script src="${base!}/assets/js/echarts.min.js"></script>
<script language="JavaScript">

    // 基于准备好的dom,初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));
    // 指定图表的配置项和数据
    var option = {
        title : {
            text: '各考核部门权重显示',
            subtext: '各考核部门',
            x:'center'
        },
        tooltip : {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            data: [    //  parten {b}
                    <%for(unit in units){%>
                 '${unit.name}',
                 <%}%>
            ]
        },
        series : [
            {
                name: '考核权重',   //{a}
                type: 'pie',
                radius : '55%',
                center: ['50%', '60%'],
                data:[
                    <%for( u in units) {%>
                        {value:${u.scoreConfig}, name:'${u.name}'},
                    <%}%>
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                }
            }
        ]
    };
    myChart.setOption(option);

    //TODO:显示出提醒信息
    var base = '${base!}';
    //Toast.error("error,hello!");


</script>
添加回复
请先登陆
回到顶部