Echarts Pie-无色块

时间:2019-02-01 14:37:40

标签: colors pie-chart echarts

我的问题似乎已经接近THIS个帖子(没有解决方案)。

有人可以帮我配上带有颜色的Echarts Pie吗?我有2个版本的Echarts,一个是正式版本,另一个是经过修改的版本,问题仅在正式版本(最新版本)中出现。

我正在使用PHP变量中的数据。当我将数据更改为静态数字,但将静态数据更改为松散的颜色时,正式版适用。重要提示:我在变量中输入了正确的数据,因为饼图显示的是正确的数据,但只有黑白。

感谢任何帮助。

这是我的饼图代码:

<div id="main2" style="width: 600px;height:400px;"></div></td></tr></table>
<script>

    var csimpa = '<?php echo $csimpa[$mescert] ?>';
    var cesprega = '<?php echo $cesprega[$mescert] ?>';
    var cespdefa = '<?php echo $cespdefa[$mescert] ?>';
    var cinta = '<?php echo $cinta[$mescert] ?>';
    var cespparta = '<?php echo $cespparta[$mescert] ?>';

    // Create a pie chart:
    echarts.init(document.getElementById('main2')).setOption({
/*title : {
    text: 'CERTID\u00d5ES EXPEDIDAS',
    subtext: '2018',
    x:'center'
},*/
tooltip : {
    trigger: 'item',
    formatter: "{a} <br/>{b} : {c} ({d}%)"
},
/*legend: {
    orient: 'vertical',
    left: 'left',
    data: ['CS','CI']
},*/
visualMap: {
    show: false,
    min: 80,
    max: 600,
    inRange: {
        colorLightness: [0, 1]
    }
},
series : [
    {
        name: 'CERTID\u00d5ES',
        type: 'pie',
        radius : '55%',
        center: ['50%', '60%'],
        data:[
            {value: csimpa, name:'Simplificada'},
            //{value:<? echo $cespoaba[$mescert] ?>, name:'Esp - OAB'},
            {value: cesprega, name:'Esp - Existencia'},
            {value: cespdefa, name:'Esp - Definir'},
            {value: cinta, name:'Inteiro Teor'},
            {value: cespparta, name:'Esp - Participa'}
        ]/*.sort(function (a, b) { return a.value - b.value; }),
        roseType: 'radius'*/,
        itemStyle: {
            emphasis: {
                shadowBlur: 10,
                shadowOffsetX: 0,
                shadowColor: 'rgba(0, 0, 0, 0.5)'
            }
        },
        animationType: 'scale',
        animationEasing: 'elasticOut',
        animationDelay: function (idx) {
            return Math.random() * 200;
        }
    }
]
    });
</script>

1 个答案:

答案 0 :(得分:0)

确保数据是否动态传递,是否在图表完成加载之前加载了数据。您需要完全加载数据,以便图表可以使用它。