问题标签 [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.
d3.js - d3 圆环图过渡变化
另一个d3新手问题在这里。
我正在尝试使用分组嵌套数据转换更改圆环图。这就是我现在所拥有的。
因此,当我单击像纽约这样的段弧时,它将使用来自 dept 列的数据和嵌套函数进行更新,所以我得到了这个。我很接近。我将数据分组。我需要帮助重新绘制甜甜圈。
这是一个csv文件。
这是 d3 脚本。提前致谢。
javascript - 使用 json 数组的甜甜圈图
我正在学习 d3 并尝试在我的应用程序中使用 d3 库来显示一些可视化图表。我在这里通过 web api 以 json 的形式获取数据。
我的脚本:
现在我想使用该数据集来创建甜甜圈图。我尝试过但没有成功。任何人都可以建议我知道我该怎么做
label - 莫里斯甜甜圈图。非常长和小的标签
我的莫里斯甜甜圈图上有很长的标签。由于它们很长,因此很难阅读。
当我将鼠标悬停在该文本上时,我希望有某种带有标签的弹出窗口。但是没有 css 类来绑定处理程序。
js代码:
我试过格式化程序,但这不是一个解决方案。
请给我一些帮助。
javascript - 莫里斯甜甜圈图动态json数据
我正在尝试使用动态数据构建莫里斯甜甜圈图,但似乎无法理解如何为标签传递动态数据。
SQLi
分贝方法查询:
查询返回以下结果:
我希望将 ouclabels
和 no_of_requests 传递为ykeys
:
所以我的甜甜圈图应该是这样的:
但是,我不知道ouc
将返回多少,因此Label
必须是动态的,即根据OUC's
返回的唯一数量以及它们各自的数量缩小/扩展counts
这是我尝试过的:
以下数组以 json 格式返回:
现在我不知道如何使用相应的值设置我的圆环图标签,因为我不知道如何动态传递它?
我的 JavaScript 看起来像这样:
问题是我似乎无法获得ouc
价值total
。如果我打印它说undefined
。我究竟做错了什么?:/任何代码示例将不胜感激
更新
对我的 javascriptreload
方法进行了以下更改,现在可以使用:
d3.js - d3 不同半径的圆环图
我想重新创建类似于以下示例的内容:
http://bl.ocks.org/mbostock/3888852
http://bl.ocks.org/mbostock/1305111
唯一的区别是我想控制每个甜甜圈的半径,而不是让所有甜甜圈都一样。如何动态改变圆环图的半径?
r - 使用 rCharts 创建 NVD3 半圆甜甜圈
我正在尝试使用rCharts
和NVD3
javascript 库创建一个简单的半圆甜甜圈。下面提供了完整甜甜圈的最小可重现示例。
当我尝试指定 NVD3 文档中提供的和选项时,我的问题出现了,startAngle
以便endAngle
将此甜甜圈转换为半圆形甜甜圈。
查看来自这个问题的代码,似乎传递startAngle
和endAngle
传递n1$params$chart
可能不是正确的方法,尽管这是我所期望的,基于donut=TRUE
有效的事实。
我的一个回调函数也可能有不正确的语法——根据我的经验,这种问题可能会使整个可视化崩溃。但是,我相当肯定我使用了与 NVD3 文档中提供的完全相同的回调函数。
charts - 如何改变系列的宽度?
我是什么制作这张图表:
但是我在 kendo UI 属性中找不到绑定系列之一的宽度。
你知道怎么做吗?或者您能否向我推荐其他库或静态解决方案。
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.
javascript - 如何更改谷歌甜甜圈洞内部区域的背景颜色?
我正在使用 Google Pie Chart API 并尝试创建此 UI
这就是我所拥有的:Fiddle
我不确定如何更改圆圈内部区域的颜色。
根据Google Chart API,我发现这chartArea.backgroundColor
是配置选项之一,所以我在这里尝试了
JS
结果,我仍然无法更改颜色。
angularjs - 如何更改图例位置?
我是 AngularJS 的新手,我使用 NDV3 制作了甜甜圈饼图,只想将图例移到右侧,但无法正常工作。
现在我尝试使用 legendposition 将图例移动到圆环饼图的右侧,但它不起作用。谁能指导我如何做到这一点?谢谢
这是我的代码:Plunker