我从数据库中获取了数据,并在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>
请告诉我如何更改饼图的不同部分的颜色。
答案 0 :(得分:1)
根据莫里斯甜甜圈example,您需要提供多种颜色:
Morris.Donut({
colors: [
'#0BA462',
'#39B580',
'#67C69D',
'#95D7BB'
]
});
还可以全局或单独(按基准)设置labelColor
。