jfinal框架中获取数据库数据，并通过echarts的饼状图显示到页面上

本文链接：https://blog.csdn.net/iamlzyoco/article/details/94013073

HTML：

<script>
var cx=[];

$(document).ready(function () {

$.ajax({
type : "get",
url : ctx + "/admin/zklt/payInfo/getZKLTSjjlYangLao_CanBaoLvList",
dataType: "json",
success : function(result) {

for(var i =0;i<result.length;i++){
   cx.push(result[i]);
}

myChart1.hideLoading();
myChart1.setOption({
series:[{
data:cx
}]
});

},
error:function(){
alert("error");
}
});

});

</script>

var myChart1 = echarts.init(document.getElementById('chart1'));

var option1 = {
           tooltip: {
           trigger: 'item',
           formatter: "{a} <br/>{b} : {c} ({d}%)"
           },
           legend: {
           orient: 'vertical',
           left: 'left',
           data: ['五保', '扶贫']
           },
           series: [
           {
           name: '访问来源',
           type: 'pie',
           radius: '55%',
           center: ['50%', '50%'],
           data: [
           { value: 335, name: '五保' },
           { value: 310, name: '扶贫' }],
           itemStyle: {
           emphasis: {
           shadowBlur: 10,
           shadowOffsetX: 0,
           shadowColor: 'rgba(0, 0, 0, 0.5)'
           }
           }
           }
           ]
           };