解决echarts tab切换宽度百分比100% 时宽度为100

$(function () {

    $("#rosea").css('width',$("#rose").width());//#rose为第一个页面的div宽度
    var myChart= echarts.init(document.getElementById('rosea'));
    var option = {
        tooltip : {
            trigger: 'item',
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        color:['#FFFFFF','#9339DC','#01B394','#2CE097','#89ECCA','#2185D8','#5A49CF','#A587FD',],
        calculable : true,
        series : [
            {
                name:'半径模式',
                type:'pie',
                radius : [10, 60],
                center : ['25%', '50%'],
                roseType : 'radius',
                data:[
                    {value:10, name:'年龄'},
                    {value:5, name:'性别'},
                    {value:15, name:'职业'},
                    {value:25, name:'血型'},
                    {value:20, name:'血清'},
                    {value:35, name:'疾病史'},
                    {value:30, name:'BMI'},
                    {value:40, name:'WUR'}
                ]
            },
            {
                name:'面积模式',
                type:'pie',
                radius : [10, 60],
                center : ['75%', '50%'],
                roseType : 'area',
                data:[
                    {value:10, name:'年龄'},
                    {value:5, name:'性别'},
                    {value:15, name:'职业'},
                    {value:25, name:'血型'},
                    {value:20, name:'血清'},
                    {value:35, name:'疾病史'},
                    {value:30, name:'BMI'},
                    {value:40, name:'WUR'}
                ]
            }
        ]
    };

    myChart.setOption(option);



});

猜你喜欢

转载自blog.csdn.net/qq_29648689/article/details/80925531