Question

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

Answer 1

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

morris.js可以仅在悬停时显示圆圈

1 个答案: