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

highcharts - Highcharts 甜甜圈盘旋所有区域

我用 highcharts 创建了一个饼图,效果很好。现在我想做的是,当我悬停一个区域时,我想突出显示它的父母和孩子,并将他们的所有数据都放在工具提示中。

这是我的图表:

这是我想做的:

谢谢。

0 投票
3 回答
17466 浏览

javascript - ChartJS - 带有多个环的圆环图

是否可以使用 ChartJS 创建具有多个环的圆环图,如下所示?

多系列甜甜圈图

0 投票
1 回答
2770 浏览

javascript - D3.js - 具有多个环和动画过渡的甜甜圈图

如何为下面的多环 D3 图表添加过渡动画效果?

如此处所示D3.js - 带有多个环的圆环图

0 投票
1 回答
1355 浏览

html - 如何将 REST 响应放回 Angular JS 标记中以绘制 D3 js 饼图

这周我开始学习 Angular Js 和 D3 Js。下面的代码可能很可悲,但请多多包涵。

问题:我正在尝试使用返回 json {"chatjson":"[10,20,30]"} 的 REST 服务。我想使用从 REST 收到的 [10,20,30] 绘制饼图。

代码概览:我在 ng-controller 'validateCtrl' 中使用了三个 REST 服务。两项服务运行良好并以角度显示所需数据,但来自第三个 REST(参见函数 '$scope.getChartData' )返回 {"chatjson":"[10,20,30]"} ,即 JSON ,应该显示基于
角码中环形图标签的响应的饼图,我没有得到。D3 Js 代码写在底部。D3 代码适用于硬编码数据。

实际代码

0 投票
1 回答
759 浏览

d3.js - D3.js 甜甜圈过渡

我正在研究一个 d3 甜甜圈,并且一直坚持如何更新甜甜圈值,例如,如果您将值从 42 更改为 17,则该值将回流。我可以删除 svg,但随后它会重写新值(17 ) 从零位开始。

我希望它从 42 倒流到 17。

这是我的 jsfiddle http://jsfiddle.net/yr595n96/的链接

我很乐意你能提供任何帮助。

谢谢

0 投票
0 回答
60 浏览

javascript - How to make consistent donut chart radius same

Following Output I am getting:

Using Charisma Library implemented my donuts chart with following code,

Output I am getting ,

Image Description

Please help to make radius same for both charts

0 投票
2 回答
1184 浏览

d3.js - d3 pie and donut charts

I have found this fiddle http://jsfiddle.net/Qh9X5/1196/

It is basically a donut chart and what I am trying to achieve is a pie chart inside the donut chart: http://jsfiddle.net/rfcee/q3z88wfx/1/

But it somehow does not render properly. Is this at all possible? Thanks!

0 投票
1 回答
5701 浏览

php - 带有动态 json 数据的 Morris 圆环图

我正在使用 morris donuy 图表,但我认为我无法正确地将我的 json 数组数据传递给 jquery。这是我的 php 文件:

返回的结果是:

和javascript部分:

0 投票
1 回答
1718 浏览

javascript - highcharts 圆环图中心文本与工具提示重叠

我在 Highcharts 圆环图/饼图的中心显示文本。但我的问题是中心文本与工具提示文本重叠,并且工具提示变得不可读。

我曾尝试更改工具提示的 zIndex 以将其置于前面,但它不起作用。我希望工具提示位于甜甜圈中心文本之上。

在此处查看完整图表:http: //jsfiddle.net/SufianRashid/88q5uke1

0 投票
1 回答
886 浏览

d3.js - 圆环图标签过长

我的问题是甜甜圈图的标签太长。当它超过 svg 的宽度或高度时,它会被剪掉。

我不知道我必须如何将它削减到 2 行或更多行。我尝试在标签文本之外添加标签 div,但这是错误的。谁能给我一个解决方案。这是我的代码:

谢谢!!!