morris.js 能否仅在悬停时显示圆圈

Question

我正在使用 morris.js 来构建图表，但我遇到了一个我无法解决的问题。 morris.js 中有没有办法让圆圈只在悬停时出现？我阅读了文档，但没有看到这样的选项。为了确定我决定问你们。

Answer 1

您可以将 pointSize 设置为 0。这样，点只会在悬停时出现。运行查看结果的代码片段。

Morris.Area({
  element: 'chart',
  data: [
    { y: '2006', a: 100, b: 90 },
    { y: '2007', a: 75,  b: 65 },
    { y: '2008', a: 50,  b: 40 },
    { y: '2009', a: 75,  b: 65 },
    { y: '2010', a: 50,  b: 40 },
    { y: '2011', a: 75,  b: 65 },
    { y: '2012', a: 100, b: 90 }
  ],
  xkey: 'y',
  ykeys: ['a', 'b'],
  labels: ['Series A', 'Series B'],
  pointSize: 0
});

<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="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.css" rel="stylesheet"/>

<div id="chart"></div>

morris.js 能否仅在悬停时显示圆圈

Can morris.js shows circles only on hover

morris.js