Пирог Echarts - кусочки без цвета - PullRequest
Новая
       24

Пирог Echarts - кусочки без цвета

0 голосов
/ 01 февраля 2019

Моя проблема, кажется, близка к ЭТОЙ записи (без решения).

Может ли кто-нибудь помочь мне с пирогом Echarts с нашими цветами?У меня есть две версии 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 голосов
/ 05 февраля 2019

Убедитесь, что данные поступают динамически, что они загружаются до завершения загрузки диаграммы.Вам необходимо полностью загрузить данные, чтобы диаграмма могла их использовать.

...