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

d3.js - d3 圆环图过渡变化

另一个d3新手问题在这里。

我正在尝试使用分组嵌套数据转换更改圆环图。这就是我现在所拥有的。

http://bricbracs.com/test/

因此,当我单击像纽约这样的段弧时,它将使用来自 dept 列的数据和嵌套函数进行更新,所以我得到了这个。我很接近。我将数据分组。我需要帮助重新绘制甜甜圈。

http://bricbracs.com/test1/

这是一个csv文件。

这是 d3 脚本。提前致谢。

0 投票
1 回答
1163 浏览

javascript - 使用 json 数组的甜甜圈图

我正在学习 d3 并尝试在我的应用程序中使用 d3 库来显示一些可视化图表。我在这里通过 web api 以 json 的形式获取数据。

我的脚本:

现在我想使用该数据集来创建甜甜圈图。我尝试过但没有成功。任何人都可以建议我知道我该怎么做

0 投票
1 回答
7154 浏览

label - 莫里斯甜甜圈图。非常长和小的标签

我的莫里斯甜甜圈图上有很长的标签。由于它们很长,因此很难阅读。

当我将鼠标悬停在该文本上时,我希望有某种带有标签的弹出窗口。但是没有 css 类来绑定处理程序。

js代码:

我试过格式化程序,但这不是一个解决方案。

请给我一些帮助。

这是示例

0 投票
0 回答
2317 浏览

javascript - 莫里斯甜甜圈图动态json数据

我正在尝试使用动态数据构建莫里斯甜甜圈图,但似乎无法理解如何为标签传递动态数据。

SQLi分贝方法查询:

查询返回以下结果:

我希望将 ouclabels和 no_of_requests 传递为ykeys

所以我的甜甜圈图应该是这样的:

但是,我不知道ouc将返回多少,因此Label必须是动态的,即根据OUC's返回的唯一数量以及它们各自的数量缩小/扩展counts

这是我尝试过的:

以下数组以 json 格式返回:

现在我不知道如何使用相应的值设置我的圆环图标签,因为我不知道如何动态传递它?

我的 JavaScript 看起来像这样:

问题是我似乎无法获得ouc价值total。如果我打印它说undefined。我究竟做错了什么?:/任何代码示例将不胜感激

更新

对我的 javascriptreload方法进行了以下更改,现在可以使用:

0 投票
1 回答
1760 浏览

d3.js - d3 不同半径的圆环图

我想重新创建类似于以下示例的内容:

http://bl.ocks.org/mbostock/3888852

http://bl.ocks.org/mbostock/1305111

唯一的区别是我想控制每个甜甜圈的半径,而不是让所有甜甜圈都一样。如何动态改变圆环图的半径?

0 投票
1 回答
323 浏览

r - 使用 rCharts 创建 NVD3 半圆甜甜圈

我正在尝试使用rChartsNVD3javascript 库创建一个简单的半圆甜甜圈。下面提供了完整甜甜圈的最小可重现示例。

当我尝试指定 NVD3 文档中提供的和选项时,我的问题出现了startAngle以便endAngle将此甜甜圈转换为半圆形甜甜圈。

查看来自这个问题的代码,似乎传递startAngleendAngle传递n1$params$chart可能不是正确的方法,尽管这是我所期望的,基于donut=TRUE有效的事实。

我的一个回调函数也可能有不正确的语法——根据我的经验,这种问题可能会使整个可视化崩溃。但是,我相当肯定我使用了与 NVD3 文档中提供的完全相同的回调函数。

0 投票
1 回答
78 浏览

charts - 如何改变系列的宽度?

我是什么制作这张图表:

在此处输入图像描述

但是我在 kendo UI 属性中找不到绑定系列之一的宽度。

你知道怎么做吗?或者您能否向我推荐其他库或静态解决方案。

我有例子http://jsfiddle.net/da5LN/290/

0 投票
1 回答
246 浏览

html5-canvas - Adding labels to a jqplot donut chart on an angle

I am needing to add labels to a donut plot at an angle, as shown in the image. I can only find information about angled text in relation to axis labels. Is there an easy way to do this for a donut chart? I don't mind making some changes inside the jqplot renderer, or just figuring out the angles and drawing the text on the overlay canvas — I'm just wondering if anyone has done this or knows a better way.

0 投票
3 回答
1621 浏览

javascript - 如何更改谷歌甜甜圈洞内部区域的背景颜色?

我正在使用 Google Pie Chart API 并尝试创建此 UI

在此处输入图像描述

这就是我所拥有的:Fiddle

在此处输入图像描述

我不确定如何更改圆圈内部区域的颜色。

根据Google Chart API,我发现这chartArea.backgroundColor配置选项之一,所以我在这里尝试了


JS

结果,我仍然无法更改颜色。

0 投票
1 回答
5220 浏览

angularjs - 如何更改图例位置?

我是 AngularJS 的新手,我使用 NDV3 制作了甜甜圈饼图,只想将图例移到右侧,但无法正常工作。

现在我尝试使用 legendposition 将图例移动到圆环饼图的右侧,但它不起作用。谁能指导我如何做到这一点?谢谢

这是我的代码:Plunker