问题标签 [donut-chart]

我一直在努力使用 highcharts 来复制这个图表设计。

我一直在玩 jsfiddle 试图获得所需的结果，但问题是我无法获得未填充百分比的白色区域，也无法获得条形之间的间隙。

这甚至可以使用highcharts吗？

我正在测试使用 Kendo UI Pro 套件创建 SPA。我目前在使用 Kendo UI 图表（在甜甜圈模式下）时遇到问题。图表的 SVG 无法在 IE 10 中正确呈现。在 IE 11 或 Firefox 中似乎不会出现此问题。

JSFiddle 示例：http: //jsfiddle.net/m9vq7gu4/

在 View 的 Show 事件中，我调用 ajax API 并获取数据：

然后我对 div 进行 kendoChart 并刷新它。

我显示视图/布局/路由器下的所有事件都正确触发。起初我认为图表没有正确绑定，但如果我查看页面的源代码，则会创建 SVG：

真正奇怪的是，当我将路由器切换到另一个页面时，SVG 会正确显示，直到数据再次更改（您可以通过单击演示中的 Home/Data 链接看到这一点）。除了图表和视图/布局/路由器之间的奇怪问题之外，还有什么可能导致此问题？

我使用 d3.js 使用以下代码创建了一个圆环图，要求是使用来自后端的颜色来显示圆环图，而不是使用内置颜色d3.scale.category**()'s

使用后端或数组中自己的调色板组合或类似以下内容的任何方法来覆盖颜色：var colors = ["#1f77b4", "#ff7f0e", "#2ca02c", "#d62728", "#9467bd", " #8c564b”、“#e377c2”、“#7f7f7f”、“#bcbd22”、“#17becf”]；

提前致谢！

我是一个新手，但我正在尝试创建一个圆环图，其中的部分在单击时缩放更大，然后当单击不同的部分时，第一部分返回到原始大小，新部分缩放更大。

我有图表和点击缩放，但现在我只能通过鼠标悬停让该部分恢复到原始大小。

这是我的代码：

小提琴：http: //jsfiddle.net/dll416/70twee1o/1/

我想自定义 Telerik Donut Chart 的标签位置，它应该看起来像预期的图像。我尝试了几种设置，但无法调整标签位置，请参见 poc 图像。

问题 - 如何更改标签位置，使其看起来像预期的图像。我想要 5,10,15,20,25, ... 在第二个环之外，标签应该是每个类别的结尾。

预期的

POC

代码

我在 highcharts 有甜甜圈图，它有两个同心圆。内圈代表浏览器数据，外圈显示该段在不同版本中的分布。

当我切换图例时，我希望外部切片与内部切片一起切换。目前没有发生。我已经尝试过linkedTo财产，但它也不起作用。请帮忙。

这是问题小提琴的小提琴

在我的项目中，我有大量不同的图表，一切都用 D3Js 处理。其中一张图表应该是带有标签的甜甜圈类型。因此，根据本教程，我制作了这张图。正如您有时看到的（取决于数据）标签文本会覆盖。

我的问题是有什么方法可以使它像下面的例子一样，基于here的highcharts ：

谢谢。

全部，

我有一个圆环图，指示通过检查的小部件占总小部件（通过和失败）的百分比。我想要做的是向环段添加某种条件格式，根据实际通过检查的小部件的百分比，显示通过检查的小部件的百分比，这样如果小于 75%，整个段要么是红色的通过，如果达到 90%，则为黄色，如果超过 90%，则为绿色

我是新手，正在尝试使用 Highcharts 圆环图选项。我根据需要编辑了示例代码。这些是我面临的问题；

• 类别标签正在获得阴影效果如何撤消它
• 即使将最小值更改为 0.1，也无法显示所有城市名称
• 当我从 jsfiddle 下载图像时，图像名称重复

谢谢

我无法让双环甜甜圈图的标签正确排列。我认为这与将标签附加到 gs var 而不是 path var 有关，但是如果我进行该切换，则标签根本不可见。最后，我希望每个标签都以每个切片的角度和半径为中心。

代码在这里：

示例在这里：http: //jsfiddle.net/sgrossman/kzh7c8mn/

感谢帮助。