柱状图

饼图失败

$def with(sales_data,source_data,source_title,source_stat_data)
// domechartsvar chart_1 = echarts.init(document.getElementById("sales_wrap"));
var sales_data  = $:sales_data;
var option_1 = {
    title:{
        text:"XX",
        subtext:""
    },
    xAxis:{
        type:"category",
        data:sales_data['category']
    },
    yAxis:{},
    series:[
        {
            "name":"",
            type:"bar",
            data:sales_data['data'],
             markPoint:{
            data:[
                {type:"max",name:""},
                {type:"min",name:""}
            ]
        },
        markLine:{
            data:[
               {type:"average",name:""}
            ]
        }
        }
    ],
    tooltip:{
        trigger:"axis"
    },
    toolbox:{
       show:true,
       feature:{
            dataView:{},
            restore:{},
            saveAsImage:{},
            magicType:{type:['line','bar']},
            dataZoom:{}
       }
    }
};
  chart_1.setOption(option_1);

var chart_2 = echarts.init(document.getElementById("source_wrap"))
var source_data = $:source_data;
var source_title = $:source_title;
var source_stat_data = $:source_stat_data;
var option_2 = {
    tooltip:{
        trigger:'item',
        formatter:'{a} <br/>{b}: {c} ({d}%)'
    },#PPTlegend:{
        orient:'vertical',//left:10,//10
        data:source_title
    },//series:[
        {
        name:"",
        type:"pie",
        radius:[ '40%','55%'],//data:source_data
        },
        {
            name:"",
            type:"pie",
            radius:[0,'30%'],
            data:source_stat_data,
            label:{
                formatter:'{a|{a}}\n{hr|}\n {b|{b}: }{c} {per{d}%}' ,
                borderColor:'#aaa',
                borderWidth:1,
                borderRadius:4,
                backgroundColor:'#eee',
                #……
                rich:{
                    a:{
                        color:'#999',
                        lineHeight:22,
                        align:'center'
                    },#{a|  }ahr:{
                      borderColor:'#aaa',
                      width:'100%',
                      borderWidth:0.5height:0
                    },#hrb:{
                        fontSize:16,
                        lineHeight:33
                    },#hrper:{
                        color:'#eee',
                        background:'#334455',
                        padding:[2,4],#borderRadius:3#}
                }
            },
            label:{
                position:'inner'
            },//selectedMode:'single'//}
    ]
};
chart_2.setOption(option_2);

同学，你好！

1、设置label样式相关的代码应放在第一个字典中

2、同学代码中有很多不需要的字母符号，可以删除掉或注释掉

正确代码如下：

var chart_2 = echarts.init(document.getElementById("source_wrap"))
var source_data = $:source_data;
var source_title = $:source_title;
var source_stat_data = $:source_stat_data;
var option_2 = {
        tooltip: {
            trigger: 'item',
            formatter: '{a} <br/>{b}: {c} ({d}%)'
        },
        // #PPT
        legend: {
            orient: 'vertical',//
            left: 10,//10
            data: source_title
        },//
        series: [
            {
                name: "",
                type: "pie",
                radius: ['40%', '55%'],//
                data: source_data,
                label: {
                    formatter: '{a|{a}}\n{hr|}\n {b|{b}: }{c} {per{d}%}',
                    borderColor: '#aaa',
                    borderWidth: 1,
                    borderRadius: 4,
                    backgroundColor: '#eee',
                    // #……
                    rich: {
                        a: {
                            color: '#999',
                            lineHeight: 22,
                            align: 'center'
                        },
                        // ,#{a|}a
                        hr: {
                            borderColor: '#aaa',
                            width: '100%',
                            borderWidth: 0.5,
                            height: 0
                        },
                        // #hr
                        b: {
                            fontSize: 16,
                            lineHeight: 33
                        },
                        // #hr
                        per: {
                            color: '#eee',
                            background: '#334455',
                            padding: [2, 4],
                            // #
                            borderRadius: 3
                            // #
                        }
                    }
                },
            },
            {
                name: "",
                type: "pie",
                radius: [0, '30%'],
                data: source_stat_data,
                label: {
                    position: 'inner'
                },//
                selectedMode:'single'//
            }
        ]
    };
chart_2.setOption(option_2);

祝学习愉快！

还是不行？

$def with(sales_data,source_data,source_title,source_stat_data)
// domechartsvar chart_1 = echarts.init(document.getElementById("sales_wrap"));
var sales_data  = $:sales_data;
var option_1 = {
    title:{
        text:"XX",
        subtext:""
    },
    xAxis:{
        type:"category",
        data:sales_data['category']
    },
    yAxis:{},
    series:[
        {
            "name":"",
            type:"bar",
            data:sales_data['data'],
             markPoint:{
            data:[
                {type:"max",name:""},
                {type:"min",name:""}
            ]
        },
        markLine:{
            data:[
               {type:"average",name:""}
            ]
        }
        }
    ],
    tooltip:{
        trigger:"axis"
    },
    toolbox:{
       show:true,
       feature:{
            dataView:{},
            restore:{},
            saveAsImage:{},
            magicType:{type:['line','bar']},
            dataZoom:{}
       }
    }
};
  chart_1.setOption(option_1);

var chart_2 = echarts.init(document.getElementById("source_wrap"))
var source_data = $:source_data;
var source_title = $:source_title;
var source_stat_data = $:source_stat_data;
var option_2 = {
    tooltip:{
        trigger:'item',
        formatter:'{a} <br/>{b}: {c} ({d}%)'
    },//PPTlegend:{
        orient:'vertical',//left:10,//10
        data:source_title
    },//series:[
        {
        name:"",
        type:"pie",
        radius:[ '40%','55%'],//data:source_data,
         label:{
                formatter:'{a|{a}}\n{hr|}\n {b|{b}: }{c} {per{d}%}' ,
                borderColor:'#aaa',
                borderWidth:1,
                borderRadius:4,
                backgroundColor:'#eee',
                //……
                rich:{
                    a:{
                        color:'#999',
                        lineHeight:22,
                        align:'center'
                    },//{a|  }ahr:{
                      borderColor:'#aaa',
                      width:'100%',
                      borderWidth:0.5height:0
                    },//hrb:{
                        fontSize:16,
                        lineHeight:33
                    },//hrper:{
                        color:'#eee',
                        background:'#334455',
                        padding:[2,4],//borderRadius:3 //}
                }
          

        },
        {
            name:"",
            type:"pie",
            radius:[0,'30%'],
            data:source_stat_data,

            label:{
                position:'inner'
            },//selectedMode:'single'//}
    ]
};
chart_2.setOption(option_2);