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

Disabling hover options in Morris Donut chart

本文关键字：悬停 选项 Morris Donut 禁用      更新时间：2023-11-03

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

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

要删除悬停处理程序（并可选地添加一个点击处理程序），您可以这样做：

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];
}

请参阅此JSFiddle演示。

相关文章：