我該如何在大型文字數據中圈出甜甜圈圖表？

-1

enter image description here這裏是我的代碼，我想在圓心（如無序列表）中顯示一個巨大的數據，但我無法這樣做，因爲圖表是/不能允許像中心數據這樣的巨大列表的圈子，我已經通過目前的解決方案給出沒有幫助我/我無法理解。請幫助我解決方案或任何建議..！謝謝.. !!我該如何在大型文字數據中圈出甜甜圈圖表？

CODE

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta charset=utf-8 /> 
<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script> 
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
<script src="http://cdn.oesmith.co.uk/morris-0.4.1.min.js"></script> 
<title>Morris.js Donut Chart Example</title> 
<link href="css/bootstrap.min.css" rel="stylesheet"> 
<link href="font-awesome/css/font-awesome.css" rel="stylesheet"> 
<!-- orris --> 
<link href="css/plugins/morris/morris-0.4.3.min.css" rel="stylesheet"> 
<link href="css/animate.css" rel="stylesheet"> 
<link href="css/style.css" rel="stylesheet"> 

<style> 
.morris-chart{ 
    height:720px; 
} 
</style> 

</head> 

<body> 
<div class="col-lg-12"> 
    <div class="ibox float-e-margins"> 
<div class="ibox-content"> 
    <div id="donut-example" class="morris-chart"></div> 
     </div> 
    </div> 
</div> 
    <script> 

Morris.Donut({ 
    element: 'donut-example', 
    data: [ 
    {label: "Sunil ", value: 30}, 
    {label: "Prajwal km", value: 35}, 
    {label: "Hari", value: 5}, 
    {label: "AARMS", value: 1} 
    ] 
}); 

    </script> 

</body> 
</html>

來源

2016-02-26 user

請，如果你能回答，請回答..！不要用你的聲望來證明你可以投票，或者如果你這樣做，請留下評論，我是錯了...... !!生病採取積極 – user

我不明白你想達到什麼。在圓環圖的中心顯示一個巨大的文本列表？這是什麼樣子？你可以用繪圖應用程序來模擬所需的圖表，並顯示你想要圖表的樣子嗎？您的數據示例在github的演示頁面中正常工作。 – teylyn

您正在使用Morris.js。該庫中的圓環圖顯示了甜甜圈中心的單個數據點的數據。將鼠標懸停在甜甜圈部分上，標籤和值將顯示在圖表的中心。

此圖表不旨在示出了在中心多於一個的值。

在任何情況下，如果您嘗試用三個以上的數據點可視化數據，請勿使用甜甜圈或餅圖。使用水平條形圖來代替，其中標籤和值是相鄰的酒吧，比如像這樣：

來源

2016-02-26 08:15:29 teylyn

媽媽，這裏是鏈接http://i.stack.imgur.com/NNPvP.png形象...我想實現類似的東西.. ..！ – user

你在甜甜圈中看到了多少數據項？我只看到一個。就像你的圖表一樣。問題是什麼？ – teylyn

這就像中心的無序列表..！ – user

我該如何在大型文字數據中圈出甜甜圈圖表？

回答

相關問題