禁用Morris Donut图表中的悬停选项

时间:2016-04-02 04:15:15

标签: javascript jquery morris.js

如何禁用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']
});

1 个答案:

答案 0 :(得分:4)

您可以根据自己的喜好循环并修改细分处理程序。

要删除悬停处理程序(并可选择添加单击处理程序),您可以执行以下操作:

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