morris.jsのデフォルトの強調表示されているセグメントを変更してください

Question

私はドーナツチャートにmorris.jsを使用しています。私は以下の点を除いてすべての要件を満たしています。

ページの読み込み時に、1つのセグメントがデフォルトでハイライト表示されます。どのようにターゲットを設定し、他のセグメントをハイライトすることができますか？ Morris documentationに記載されているように

Answer 1

あなたが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>