echart动态加载数据之饼状图

    
layui.define('echarts', function(exports) {
    var echarts = layui.echarts,
        $ = layui.jquery;
    var myecharts = echarts.init(document.getElementById('echarts'));
    myecharts.showLoading({
        text : "正在努力的读取数据中。。。。。",
    })
    var option = {
            title: {
                text: '商户申请积分分布图',
                subtext: '数据来源商户',
                x: 'center'
            },
            tooltip: {
                trigger: 'item',
                formatter: "{a} 
{b} : {c} ({d}%)" }, legend: { orient: 'vertical', left: 'left', data: [] }, series: [{ name: '访问来源', type: 'pie', radius: '55%', center: ['50%', '60%'], data : [], /*data: [ { value: 335, name: '熟食' }, { value: 310, name: '水产' }, { value: 234, name: '蔬菜' }, { value: 135, name: '肉品' }, { value: 1548, name: '面包' } ],*/ itemStyle: { emphasis: { shadowBlur: 10, shadowOffsetX: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } }] }; $.ajax({ type : "post", async : false, //同步执行 url : contextpath + '/merchantintegral/integralcountlist?&time='+ new Date().getTime(), dataType : "json", //返回数据形式为json success : function(result) { if(result){ //初始化option.xAxis[0]中的data for(var i=0;i
  • 1》饼状图series加载方式
 option.series[0].data.push({'name':result[i].name,'value':result[i].count})

你可能感兴趣的:(echart动态加载数据之饼状图)