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

Question

如何在莫里斯甜甜圈图表中禁用悬停选项以及当用户将指针移到图表上时它的值应该保持不变。

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 的实际效果。

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

Disabling hover options in Morris Donut chart

javascript

jquery

morris.js