ECharts.ZC_Pie测试

1、

2、饼图 里面 每个部分的颜色设置：

var g_ecOptionPie = {
    title : {
        text: '',
        subtext: '',
        x:'center'
    },
//    tooltip : {
//        trigger: 'item',
//        formatter: "{a} <br/>{b} : {c} ({d}%)"
//    },
    legend: {
        textStyle:{
            color :'auto',// 颜色 跟随 饼图各个区域的颜色变化
        },
        orient : 'vertical',
        x : 'left',
    //    data:['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
        data:[]
    },
    //calculable : true,
    series : [
        {
            name:'',
            type:'pie',
            radius : '45%',
            center: ['50%', '60%'],
            startAngle: 180,
            itemStyle: 
            {
                normal : 
                {  
                    color:function cbPieItemColor(params)// 饼图 里面 每个部分的颜色设置 ==> 使用回调函数的方式(参数是一个有4个成员的对象)
                    {
                        var colorList = ['#0000FF', '#00FF00'];
                        return colorList[params.dataIndex];
                    },
                }  
            },
            data:[
    //            {value:335, name:'直接访问'},
    //            {value:310, name:'邮件营销'},
    //            {value:234, name:'联盟广告'},
    //            {value:135, name:'视频广告'},
    //            {value:1548, name:'搜索引擎'}
            ]
        }
    ]
};

 

3、

4、

5、

 

转载于:https://www.cnblogs.com/H5UI/p/8547515.html