amcharts - 每个切片的 AmCharts 饼图颜色（优先级图）

Question

我正在尝试为我的每一片馅饼指定特定的颜色。我的饼图显示了每个优先级中有多少存储在数据库中。我有三个优先事项：

• 高度，红色：#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>

标签： amcharts