Echarts派 - 件无颜色

问题描述 投票:0回答:1

我的问题似乎是接近THIS后(无解)。

任何人可以帮我配个Echarts饼没有颜色?我有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>
colors pie-chart echarts
1个回答
0
投票

确保如果数据是通过动态的到来,图表完成加载之前加载它。您需要满载的数据,以便图表可以使用它。

© www.soinside.com 2019 - 2024. All rights reserved.