问题标签 [donut-chart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
5571 浏览

ios - 我可以用什么在 iOS 中实现圆环图?

我正在寻找一个免费的iOS 组件,它允许我在中心绘制一个带有文本的圆环图。到目前为止,我只使用了Code Plot,但这是一个完整的饼图。

我附上了一个要求的例子。

甜甜圈设计

任何帮助都感激不尽。

0 投票
1 回答
1947 浏览

javascript - 如何向使用 Raphael.js 创建的圆环图添加标记?

我需要帮助向我使用 raphael.js 修改的这个圆环图脚本添加标记。除了动态生成三角形标记的方法外,我已经准备好一切。

JSFiddle:http: //jsfiddle.net/aP7MK/73/

这是我最终要创建的内容:

我不担心样式,只需要标记元素的帮助,这将表示传递给 donutChart 函数的 avg 参数在图表中的位置。

0 投票
1 回答
1212 浏览

highcharts - 半圆形甜甜圈图中的问题

我正在尝试制作圆形甜甜圈图-:以下是我正在尝试的代码。问题-:圆图的底部变平。

我希望该图表显示为完整的圆圈,整个图表位于该图表的中心。虽然甜甜圈图可在http://www.highcharts.com/demo/pie-donut获得,但它就像一个完整的圆圈,中间没有空格。

0 投票
1 回答
20407 浏览

animation - 加载时为 D3 圆环图制作动画

我有一个甜甜圈图,里面有五个不同的弧线。数据不会更新,但我希望在页面加载时将整个图形转换为圆形,从所选角度开始(在我的情况下为 1.1*PI)。这是图表的jsfiddle:http: //jsfiddle.net/Nw62g/

我将如何实现这个结果?

0 投票
5 回答
63502 浏览

css - CSS3 简单的甜甜圈图

我想做的是创建一个简单的圆环图。我目前只使用 CSS(3),但我不知道没有 javascript 是否可行。

到目前为止我所拥有的:http: //jsfiddle.net/aBP5Q/

HTML:

CSS:

我想将绿色和蓝色显示为百分比。所以没有绿色是 0%,全绿色(360 度)是 100%。如果可能的话,甚至可以在加载图表时使用简单的动画。

非常感谢您的帮助。

0 投票
1 回答
579 浏览

android - android问题中的甜甜圈图

嗨,我想在 android 中制作一个甜甜圈图。我有一个很好的例子。我添加了库,项目没有显示错误。但是在运行时,它在 logcat 中给出了以下错误。

主要活动的代码是

main.xml 文件

0 投票
0 回答
511 浏览

html - 如何在圆环图中添加带有图例的列

嗨,我从 google api 参考了甜甜圈图,一切正常。

但我有两个疑问:

一个。如图所示,如何为带有图例的值再添加一列

在此处输入图像描述

湾。当专注于特定领域时,如何增加图像的大小,如图所示。

在此处输入图像描述

这是代码

参考链接是参考

请建议如何做。

提前致谢。

0 投票
1 回答
468 浏览

c# - TeeChart - 馅饼或甜甜圈标记甜甜圈的内部馅饼

我正在为 .Net 使用 Steema.TeeChart(用 C# 编码)有人知道如何在甜甜圈图的饼图中标注。它应该看起来像: http: //www.steema.com/uploads/gallery/DonutNET.png 希望得到帮助。芭芭拉

0 投票
1 回答
4561 浏览

d3.js - 每个圆弧外的 D3 饼图(甜甜圈)图表标签

我是 D3 的新手,我有我的圆环图,但是我无法在每个弧之外获得弧标签。

我想在http://bl.ocks.org/Guerino1/2295263中获得类似紫色标签的东西,但我无法让它适用于我的圆环图。

我正在使用以下代码附加每个弧的标签,但似乎 arc.centroid 没有按预期工作。

是我的 JSfiddle:

我真的很感激。

0 投票
0 回答
1556 浏览

javascript - 向 D3.js 圆环图添加标签和描述性标签

我正在使用以下 d3.js 圆环图:jsfiddel

我想做的是扩展这个例子,以便:

  1. 每个彩色部分都需要一个文本标签

  2. 我想在甜甜圈的中心着色,并在甜甜圈的中心添加一些文字

  3. 我需要能够根据它的类来设置每条路径的样式,那么我该如何应用一个类呢?

感谢任何帮助,d3.js 的许多示例都托管在当前已关闭的站点上。