AmCharts P ie цвет для каждого среза (график приоритетов) - PullRequest
Новая
       3

AmCharts P ie цвет для каждого среза (график приоритетов)

0 голосов
/ 24 февраля 2020

Я пытаюсь указать c цвет для каждого среза моего р ie. Моя диаграмма p ie показывает, сколько каждого приоритета хранится в базе данных. У меня есть три приоритета:

  • Высота, красный цвет: # cc0000
  • Средний, желтый цвет: # ff9933
  • Низкий, зеленый цвет: # 66cc33

Я попытался установить цвет в наборе данных "chartDataPriorities", а затем применить их в "chart.colorField", но это не сработало. Я вижу в документации, что вы можете использовать https://www.amcharts.com/docs/v4/reference/colorset/, но для меня важно, чтобы цвета соответствовали приоритетам.

Мой код: 

<script>
var chart;
var legend;

var chartDataPriorities = [
    {
    "priority": "Hight",
    "value": 14,
    "color": "#cc0000"
    },
    {
    "priority": "Medium",
    "value": 8,
    "color": "#ff9933"
    },
    {
    "priority": "Low",
    "value": 18,
    "color": "#66cc33"
    }
];
AmCharts.ready(function () {
    // PIE CHART
    chart = new AmCharts.AmPieChart();
    chart.hideCredits = "true";
    chart.dataProvider = chartDataPriorities;
    chart.titleField = "priority";
    chart.valueField = "value";
    chart.colorField = "color";
    chart.outlineAlpha = 0.8;
    chart.outlineThickness = 2;
    chart.balloonText = "[[title]]<br><span style='font-size:14px'><b>[[value]]</b> ([[percents]]%)</span>";
    chart.startDuration = 0;

    // WRITE
    chart.write("chartdiv_priorities");
});
</script>
<div id="chartdiv_priorities" style="width: 100%; height: 400px;"></div>
...