如何使用 morris js 为饼图的动态数据着色？

Question

我从数据库中获取数据，并在 Morris JS 的帮助下将其显示在 Donut 饼图上。但饼图部分的颜色似乎相似。如何更改饼图中不同部分的颜色。

这是代码：

$row->execute(); 
$json_data=array();  
foreach($row as $rec)  
{  
$json_array['label']=$rec['user_type'];  
$json_array['value']=$rec['id']; 

array_push($json_data,$json_array);  
}  

{ ?>    
<div id="donut-example" style="height: 250px;"></div>

<script type="application/javascript">

Morris.Donut({
element: 'donut-example',
data: <?php echo json_encode($json_data)?>
});

</script>

这是结果图片：

请告诉我如何更改饼图不同部分的颜色。

Answer 1

根据莫里斯甜甜圈 example，您需要提供一组颜色：

Morris.Donut({
 colors: [
    '#0BA462',
    '#39B580',
    '#67C69D',
    '#95D7BB'
  ]
});

还可以全局或单独（每个数据）设置 labelColor。

如何使用 morris js 为饼图的动态数据着色？

How can I color the dynamic data of the pie chart using morris js?

php

mysql

charts

morris.js