JS Devexpress PieChart серии цветное время выполнения - PullRequest
Новая
       63

JS Devexpress PieChart серии цветное время выполнения

0 голосов
/ 14 мая 2018

Я работаю над js.devexpress круговой диаграммой . Я хотел бы изменить цвет серии во время выполнения.

Я получаю данные из веб-сервиса и, согласно моей логике, я должен изменить цвет на красный или зеленый в соответствии со значением. если значение меньше 0 [ноль], то цвет пирога будет красным, иначе зеленым.

Мой код 

 <div id="canvas-holder" >       
    <div id="pie" ></div>
</div>


 var pie =   $("#pie").dxPieChart({
        size: {width: 500},
        //palette: "bright",
        dataSource: [{country: "On",area: 0}],
        series: [{argumentField: "country", valueField: "area"}],
        title: "Area of Countries"             
    }).dxPieChart("instance");

    setInterval(function () {
        debugger;
        pie.option("Color", "red");

        pie.element().css({ Color: 'red' })

        var chartOptions = pie.option();
        pie.series[0].Color = "red";
        pie.option(chartOptions);

    }, 1000);
</script>

`

1 Ответ

0 голосов
/ 21 мая 2018

Быстрое решение, которое я нашел: посетите форум поддержки devexpress для Подробнее

Пример кода Ссылка для скачивания

Код 

<div id="canvas-holder">
    <div id="pie"></div>
</div>

<script>
    var ds = [{ country: "On", area: 0 }];

    var pie = $("#pie").dxPieChart({
        size: { width: 500 },
        //palette: "bright",
        dataSource: ds,
        series: [{ argumentField: "country", valueField: "area" }],
        title: "Area of Countries",
        customizePoint: function (pointInfo) {
            if (pointInfo.value <= 0) {
                return {
                    color: "red"
                }
            }
            return {
                color: "green"
            }
        }
    }).dxPieChart("instance");

    var isVal = 0;

    setInterval(function () {           

        if (isVal == 0)
            isVal = 1;
        else
            isVal = 0;

        ds[0].area = 1;

        pie.option("dataSource", ds);

    }, 1000);

</script>
...