Question

我使用morris.js作为甜甜圈图表。除了以下内容，我完成了所有要求。

默认情况下，在页面加载时会突出显示一个细分。我该如何定位并突出显示其他细分？

Answer 1

您可以使用Morris documentation中所述的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>

更改morris.js中默认突出显示的段

1 个答案: