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