在morris.js中更改默認突出顯示的細分市場

Question

我使用morris.js作爲甜甜圈圖表。除了以下內容，我已完成所有要求。

頁面加載時默認突出顯示一個段。我如何定位並突出顯示其他細分市場？

Answer 1

在Morris documentation描述您可以使用select方法：

注：默認情況下，以最大的價值的部分將被初步選定。您可以使用Morris.Donut返回的對象上的select(index)方法更改選擇。

試試這個片段看到一個工作示例：

var morrisDonut = Morris.Donut({ 
 
    element: 'donut', 
 
    data: [ 
 
    {label: "Download Sales", value: 12}, 
 
    {label: "In-Store Sales", value: 30}, 
 
    {label: "Mail-Order Sales", value: 20} 
 
    ], 
 
    resize: true 
 
}); 
 

 
morrisDonut.select(2);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script> 
 
<link href="//cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css" rel="stylesheet"/> 
 

 
<div id="donut"></div>