我该如何在大型文字数据中圈出甜甜圈图表？

-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

我该如何在大型文字数据中圈出甜甜圈图表？

回答

相关问题