Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我怎样才能在油炸圈饼图表的中心输入大量文本数据?_Javascript_Html_Css_Charts - Fatal编程技术网

Javascript 我怎样才能在油炸圈饼图表的中心输入大量文本数据?

Javascript 我怎样才能在油炸圈饼图表的中心输入大量文本数据?,javascript,html,css,charts,Javascript,Html,Css,Charts,这是我的代码,我想在圆心显示一个巨大的数据(如无序列表),但我无法这样做,因为图表是/不允许在圆心显示一个巨大的数据列表,我已经看过了目前给出的解决方案,但没有任何帮助/我无法理解。请提供解决方案或任何建议来帮助我。。! 谢谢 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta charset=utf-8 /> <meta name="viewport" co

这是我的代码,我想在圆心显示一个巨大的数据(如无序列表),但我无法这样做,因为图表是/不允许在圆心显示一个巨大的数据列表,我已经看过了目前给出的解决方案,但没有任何帮助/我无法理解。请提供解决方案或任何建议来帮助我。。! 谢谢

代码

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

Morris.js油炸圈饼图表示例
莫里斯·查特先生{
高度:720px;
}
莫里斯,甜甜圈({
元素:“甜甜圈示例”,
数据:[
{标签:“Sunil”,值:30},
{标签:“Prajwal km”,值:35},
{标签:“Hari”,值:5},
{标签:“AARMS”,值:1}
]
});

您正在使用Morris.js。该库中的甜甜圈图表显示甜甜圈中心中单个数据点的数据。将鼠标悬停在甜甜圈段上,标签和值将显示在图表的中心

此图表的设计目的不是在中心显示多个值

在任何情况下,如果您试图用三个以上的数据点可视化数据,请不要使用甜甜圈或饼图。改为使用水平条形图,其中标签和值位于每个条形图的旁边,例如:


如果你能回答,请回答。。!不要用你的名誉权来表明你可以否决投票,或者如果你这样做了,请留下评论,如果我做错了。。。!!我会积极地接受。我不明白你想要达到什么目标。在油炸圈饼图表的中心显示一个巨大的文本列表?那是什么样子的?你能用绘图应用程序模拟你想要的图表,并展示你想要的图表的样子吗?您的数据示例在github.Mam的演示页面中运行良好,这是指向图像的链接…我想获得与之类似的东西。。!!你在甜甜圈中间看到多少个数据项目?我只看到一个。就像你的图表一样。有什么问题吗?就像中心的无序列表一样。。!!对不起,那没有道理。morris.js中甜甜圈的中心仅显示一个(如图1所示)数据点。没有名单。只有一个数据点。鼠标悬停在上面的那个。这就是morris.js甜甜圈的工作原理。如果这不是你想要实现的,你可能使用了错误的工具。即使您想要一些东西,也不意味着您选择的工具可以实现。