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