问题标签 [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 回答
319 浏览

highcharts - gem Lazy High Charts - Pie Donut

I'm trying to create a pie donuts, but it does not work... http://www.highcharts.com/demo/pie-donut

Controller

View

Error

0 投票
1 回答
903 浏览

d3.js - D3.js 甜甜圈图标签获取多三角形而不是多段线

我一直致力于使用 D3.js 创建一个圆环图。我一直在关注此处列出的示例。一切都很顺利,直到我到达关于从甜甜圈切片绘制到文本标签的折线部分。我已经完全复制了示例代码,而在他们的示例中,它们得到了很好的线条,我得到了三角形,如图所示

所以,除了它不能正常工作之外,我必须承认我并不真正理解代码的折线部分。这使得我什至不知道从哪里开始寻找问题的原因。下面是我项目中的折线绘图代码。任何帮助或见解表示赞赏。

编辑

所以,像往常一样,一旦我屈服并提出这个问题,我就发现出了什么问题。在我链接到的示例中,他们使用样式表将填充属性设置为无。虽然这可行,但我宁愿它留在 D3 代码中。对于任何感兴趣的人,这就是代码的样子。

0 投票
3 回答
4806 浏览

jquery - 当通过 Ajax 从 php 脚本获取数据时,Morris.js 圆环图不显示图表

我正在通过 morris.js 圆环图显示数据。这些数据通过 PHP 和 ajax 来自 MySQL 数据库。

在代码中键入要显示的数据的典型示例工作正常

但是,当我从数据库中调用数据时,图表不会显示。此外,firebug 没有显示任何错误。

这是我从 PHP 得到的输出:

实际上,我通过在 Morris.Donut(); 中复制来尝试这个输出。功能,它工作正常!

这是 Ajax 代码(根本不起作用):

但是,如果我有以下代码:

确实有效,很好!!!

我不明白的是,如果我尝试通过变量传递代码,它不起作用!!:

它不起作用:(如果我从 php 变量或通过 ajax 从 php 脚本获取它:/

我错过了什么?我怎样才能解决这个问题?为什么?????

0 投票
0 回答
826 浏览

javascript - d3 圆环图的可搜索拟合器

您好,我有一个 D3 脚本,它输出一堆甜甜圈图,我正在寻找一种方法来过滤和搜索以我的数据第一列的名称命名的关键字。我希望能够实时执行此操作,并且我不是在寻找一种专门过滤数据的方法,而是寻找一个搜索栏或其他允许用户搜索和过滤圆环图的方法。我最大的问题是将搜索元素合并到 d3.csv() 部分中,我了解如何制作搜索栏并合并了一个示例,我希望能够通过我的数据进行搜索。我做了更多的研究,也许使用 jquery 会有所帮助。

这是我的 D3:

以下是一些示例数据:

我已经看到了如何按设置值进行过滤的示例,但希望有一个搜索栏。请记住,我对 D3 和 JS 比较陌生。

0 投票
1 回答
1432 浏览

javascript - 如何使用 Highcharts 进行 3 级钻取?

我目前正在玩这个示例,但我不明白如何为此进行 3 级钻取。

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

目前有 2 类数据,例如,浏览器、浏览器版本,我想创建另一个类别,适用于 CSS3 或不适用于 CSS3,这将是一个布尔值。

0 投票
1 回答
5279 浏览

d3.js - 饼图(甜甜圈)图工具提示

我想完全使用这个 d3 甜甜圈图。

这个 3d 图表

但是,我不想显示百分比,而是想显示我提供的原始数据。

理想情况下,可以显示百分比(就像现在一样),我可以使用鼠标悬停工具提示显示每个甜甜圈部分的原始数据!

不能让它工作。

非常感谢您的帮助!

0 投票
1 回答
851 浏览

javascript - Flot donut chart- format individual pie slices

I have a pretty basic donut chart using flot.js.

Is it possible to format individual slices? I want to set the innerRadius of one slice to be wider than another. My goal is to have a graph with two data points and to make one of the slices wider to emphasize that information.

0 投票
0 回答
356 浏览

javascript - Google API 圆环图抛出未找到值错误

我正在使用谷歌图表制作甜甜圈图。我已经正确编写了所有内容并且我正确地获取了所有值,它仍然会抛出这个错误:- Uncaught TypeError: Cannot read property 'value' of null (在第 10 行,这是 var 员工行)

我的图表制作代码

HTML

这里可能有什么问题?

0 投票
1 回答
1428 浏览

javascript - D3 圆环图图例或悬停标签

我在这里(http://jsfiddle.net/jkuchta/u57mt97c/)使用 D3.js 创建了一个图表,但我遇到了标签问题。我如何为此添加图例或仅在悬停时显示标签?

0 投票
1 回答
494 浏览

javascript - 在 Highcharts 圆环图的工具提示上添加自定义数据

我试图弄清楚如何修改 Highcharts 圆环图的工具提示。按照站点中的示例,我尝试将另一个属性('newData')添加到每个数据的钻取中。您可以在此处查看示例:http: //jsfiddle.net/vxm0gnz5/1/

但是,我似乎没有检索 newData 部分中的数据。有没有办法可以提取它,以便在工具提示上显示它的值?谢谢!