1.我的饼图是显示每省人分布图(当前这里的数比较少),通过后的分组查询并传递给前台json字符串,这里就要解决数据的格式问题

2.下图是我的饼图展示:

bingtu.jpg

3.这里我展示一下我的js代码就可以了

<!-- 为ECharts准备一个具备大小（宽高）的Dom -->
<div id="main" style="width: 1000px;height:600px;"></div>
<script type="text/javascript">
    $.ajax({
        type:"post",
        url:"[[@{/weiuser/viewCharts}]]",
        data:{},
        dataType:"text",
        success:function (data) {
            viewCharts(data)
        }
    })

    function viewCharts(data) {
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
        var data= $.parseJSON(data);
        var servicedata=[];
        for(var i=0;i<data.length;i++){
            var obj=new Object();
            obj.name=data[i].province;
            obj.value=data[i].num;
            servicedata[i]=obj;
        }
        option = {
            series : [
                {
                    name: '访问来源',
                    type: 'pie',
                    radius: '55%',
                    data:servicedata
                }
            ]
        };
        // 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    }
</script>