问题标签 [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 投票
3 回答
45252 浏览

javascript - 没有内馅饼的Highcharts甜甜圈图?

我一直在寻找使用 Highcharts 库生成最简单的圆环图的解决方案。但是,Highcharts 的所有示例都显示了内馅饼和外甜甜圈的图表样式(参考:http ://www.highcharts.com/demo/pie-donut )

我怎样才能摆脱内部馅饼而只保留外部甜甜圈,就像其他图书馆一样?(类似于 RGraph:https ://www.rgraph.net/demos/donut-3d.html )

谢谢你。

0 投票
1 回答
2860 浏览

javascript - 给甜甜圈图添加图例 - jqPlot

好的,这应该比较简单:

在此处输入图像描述

  • 我正在添加一个甜甜圈图,它确实有效
  • 但是,“图例”(Head (+)与相应的颜色一样)不会出现。

代码 :

我究竟做错了什么?

0 投票
3 回答
21268 浏览

highcharts - Highcharts 甜甜圈图定制

我有 highcharts 的许可证,我想创建一个像下面这样的字符:

在此处输入图像描述

highcharts 上最相似的组件如下:

在此处输入图像描述

有人知道可以仅以百分之一的价格替换内部的 PIE 吗?或其他一些好的客户端javascript库来做到这一点?

您可以在以下链接中找到演示和 API。

演示http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/pie-donut/

API http://api.highcharts.com/highcharts#chart

谢谢

0 投票
2 回答
29294 浏览

r - ggplot 甜甜圈图

嗨,我真的用谷歌搜索了很多,没有任何快乐。如果存在网站,将很高兴获得对网站的引用。我很难理解有关极坐标的 Hadley 文档,而且我知道饼图/甜甜圈图本质上被认为是邪恶的。

也就是说,我想做的是

  1. 像这里显示的tikz 环形图一样创建一个甜甜圈/环形图(所以中间有一个空的馅饼)
  2. 在顶部添加第二层圆圈(alpha=0.5左右),显示第二个(可比较的)变量。

为什么?我正在寻找显示财务信息。第一个环是成本(分解),第二个是总收入。然后的想法是+ facet=period为每个审查期添加以显示收入和支出的趋势以及两者的增长。

任何想法将不胜感激

注意:如果尝试使用 MWE,则完全任意

那将类似于我正在尝试做的事情..谢谢

0 投票
2 回答
7920 浏览

r - 看起来像甜甜圈的圆形热图

我正在尝试使用 ggplot2 创建圆形热图,这样我就可以在圆的圆周上使用更多的标签。我想让它看起来更像是一个中间有一个空洞的甜甜圈,但同时又不会丢失任何行(它们需要被压缩)。

我所拥有的代码如下。

0 投票
2 回答
198 浏览

jquery - Klout 风格的饼图

我正在寻找基于 Klout 样式的饼图/甜甜圈 jquery 的图表,新的图表在中间显示领先分数。谁能指出我可以在我正在开发的网站上使用的这样一个图表。www.klout.com

0 投票
1 回答
2980 浏览

colors - Jqplot 饼图/甜甜圈图 seriesColors 数组未重用/重复

我正在使用 jqplot 绘制饼图和圆环图。我正在使用“seriesColors”为切片提供自定义颜色http://www.jqplot.com/docs/files/jqplot-core-js.html#jqPlot.seriesColors

系列颜色:[“0571B0”、“#5E3C99”、“#008837”]

如果数据(要传递的数组值)只有三个值,那么它会正确显示颜色。但如果有超过 3 个值,它只会以黑色显示该切片。它不会从一开始就重复/重用颜色(如文档中所述)。

这里是:

但是如果我在数组中添加第 4 个值,颜色就不会被重用。即如果我将上面的数组修改为

然后第 4 个切片 ('d') 以黑色显示。

我该如何解决?

0 投票
1 回答
764 浏览

highcharts - 如何制作 Highchart 2 个或更多内馅饼,但只有 1 个带有甜甜圈类型的外馅饼?

我需要一个带有 2 个或更多内部饼图和 1 个带有 Highchart 插件甜甜圈类型的外部饼图的图表。

这是甜甜圈的例子:

http://tinyurl.com/d4fp8p9

这是jsfiddle。它有类别,每个类别都有超过 1 个数据。我想要的是 ?我有类别,但每个类别都没有数据。只有 1 个切片具有外部饼图的数据。

0 投票
1 回答
1125 浏览

javascript - Raphael.js - HowTo 饼图甜甜圈样式,甜甜圈扇区中带有弯曲标签

我想制作一个甜甜圈风格的饼图,在特定的甜甜圈扇区中带有弯曲的标签,比如这个:

在此处输入图像描述

在这个模型中,用户点击了“Raphael.js”扇区。现在对于单击的扇区,还应该有一个事件处理程序,负责在饼图下方显示一个新的 HTML Div 并显示一些信息。完美的解决方案是,如果甜甜圈旋转以使点击的扇区位于底部。

有人可以帮忙吗?

0 投票
1 回答
3277 浏览

animation - jqplot 动画不适用于甜甜圈图

我能够显示条形图和折线图的动画。使用:

但是动画似乎不适用于甜甜圈图。谁能解释我为什么?

任何帮助,将不胜感激。

提前致谢。