Morrisドーナツチャートでホバーオプションを無効にする

Question

morrisドーナツチャートでホバーオプションを無効にする方法を説明します。

var m111 = new Morris.Donut({ 
    element: 'donut-chart111', 
    data: [ 
     {label: "R", value: ra}, 
     {label: "C", value: cp}, 
     {label: "M", value: mp}, 
     {label: "MA", value: map}, 
     {label: "A", value: ap} 
    ], 
    colors: ['#D9534F','#1CAF9A','#428BCA','#5BC0DE','#428BCA'] 
}); 

Answer 1

セグメントハンドラを自由にループスルーして変更することができます。

により、たとえばこれを行うことがホバーハンドラを削除（必要に応じてクリックハンドラを追加）するには、次の

var donut = new Morris.Donut({ 
    // ... 
}); 

for(i = 0; i < donut.segments.length; i++) { 
    // Remove hover handlers: 
    donut.segments[i].handlers['hover'] = []; 

    // If you want select functionality through click: 
    donut.segments[i].handlers['click'] = [donut.select]; 
} 

が行動でそれの this JSFiddle demonstrationを参照してください。