angular-chart.js圆环图:如何更改圆环弧的宽度？

文章/答案/技术大牛

发布

1回答

angularjs、chart.js、angular-chart

我使用angular-chart.js库()来实现圆环图。如何更改圆环弧的宽度？

浏览 21提问于2016-08-19得票数 1

回答已采纳

1回答

angular-chart.js甜甜圈图表:如何在图表中心显示数据

angularjs、chart.js、angular-chart

我正在使用angular-chart.js库()来实现圆环图，并且我有一个要求，我希望在图表中间显示总数据，如下所示我能用当前的库支持做到这一点吗？我将非常感谢你的帮助！

浏览 3提问于2016-08-19得票数 0

2回答

在HTML5画布上连接圆弧

html、canvas

我正在尝试使用HTML5画布中的圆弧函数来制作一个圆环图。我想知道如何使用lineTo函数将两个弧连接在一起。目前我有一个饼图，它有固定的中心x/y坐标，所以制作切片很容易，因为一旦每个切片的圆弧都完成了，lineTo方法就简单地使用固定的坐标。然而，对于环/圆环图，我有两个圆弧，其中一个半径较小，但不知道如何在没有极其复杂的三角关系的

浏览 5提问于2011-06-27得票数 0

回答已采纳

3回答

Highcharts 3.0组合图未完全呈现饼图(圆环图)

highcharts

我有一个Highcharts 3.0图表，它同时显示柱状图和饼状图(甜甜圈)。这个组合图在之前的Highcharts版本中呈现得很好。有什么想法吗？我已经添加了一个jsfiddle，对

浏览 1提问于2013-03-26得票数 0

回答已采纳

1回答

如何将圆环的svg添加到径向树形图中的每个节点

javascript、vue.js、d3.js、charts、donut-chart

预期的用户界面应该是每个径向树节点应该看起来像d4的甜甜圈图表，这应该会显示一些%的值，我添加了预期快照和当前开发快照。任何建议都将是有益的，谢谢。 stroke-width: 4px;<div id="chart" class="chart"></div>实际上我正在尝试添加带有径向树节点的圆环图

浏览 8提问于2021-09-17得票数 0

1回答

jqPlot:甜甜圈图表中心的传奇

legend、jqplot、donut-chart

我们已经使用jqPlot实现了圆环图。我们如何将图例添加到圆环图的中心？提前感谢您的帮助。

浏览 3提问于2016-08-13得票数 0

1回答

如何将嵌入到组合图中的圆环图中的文本居中

highcharts

我想知道如何将文本居中，并能够在作为组合图表一部分的圆环图内悬停时更新该文本。我见过使用图表标题verticalAlign和setTitle的解决方案，但是当圆环图是组合图表的一部分时，这种方法似乎不起作用。我还尝试使用位于甜甜圈图表中心的div。这不能很好地工作，因为当主序列的y访问标签变得更宽(即更多数字)时，圆环图向右滑动，div不再位于圆环图的<

浏览 2提问于2013-06-25得票数 4

回答已采纳

1回答

如何让highcharts chart自动计算百分比

highcharts

如何让Highcharts中的圆环图自动计算我发送的数据的百分比。例如，我的数据可以是数据: 50.85，7.35，33.06，2.81，我想知道图表如何计算(圆环图的)内部饼图，以显示或呈现为百分比？

浏览 4提问于2013-05-09得票数 1

回答已采纳

1回答

我使用的是c3.js，并且有一个甜甜圈图表，当你将鼠标悬停在每个类别上时，它会在甜甜圈中包含自定义文本。我把所有这些都做得很好。我有一些与图表相关的自定义元素，但完全与图表分离…如果用户悬停在这些自定义元素上，我需要在特定的圆环弧上触发悬停，以便"onmouseover“触发器和圆环的中间部分也得到更新。 //cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1&#

浏览 19提问于2020-11-18得票数 0

1回答

如何使用v-for在每个元素中呈现不同的CSS类

javascript、css、vue.js、vue-component、chartist.js

我正在尝试使用chartist.js遍历圆环图的标签数组，我无法确定chartist.js是否可以将标签放在圆环图的侧面而不是内部。我想在v-for呈现的每个元素上传递一个不同的css类，这样我就可以在对应标签中获得相同颜色的圆环图。因此，如果在图表中x的值是蓝色的，我希望x的标签有一个蓝色的项目符号。<v-layout

浏览 41提问于2019-07-19得票数 0

回答已采纳

2回答

无法从chart.js调整圆环图的大小

javascript、html、css、charts、chart.js

不确定如何设置圆环图的高度/宽度，尝试使用以下命令： <canvas id="chart-area" style="height: 168px"/>我在图表下面有文本，这只改变了文本和图形的位置，而不是甜甜圈图表的大小。

浏览 3提问于2014-11-22得票数 3

2回答

弧之间的D3间距

d3.js

我对D3图表非常陌生，我使用D3创建了我的第一个圆环图，但我想知道是否可以在每个圆弧之间添加一些填充/间距。我知道我可以减少每个圆弧的起点和终点角度，例如，将上面的角度减少，如弧1:从92度减少到118度；弧2:从122度减少到148度，以此类推。但我很好奇是否有更简单的方法来放置一些间距。这是我的代码，您可以在JSfiddle中看到完整的</

浏览 1提问于2013-12-20得票数 7

1回答

chartjs中两级圆环图的回调

javascript、angular、typescript、charts

如何在chartjs中实现正确的双圆环图回调？我只知道这样做的方法： tooltips: { label: function (tooltipItems, data因为它返回来自第一个圆环图(data.datasets[0].data)的数据，并为两个图表返回该数据。如何分别返回两个图表的数据？

浏览 3提问于2017-05-24得票数 0

1回答

在chart.js agularJS中使用点标记旋转的部分圆环图

angularjs、canvas、chart.js

我正在尝试使用angular-chart.js创建一个部分甜甜圈图表(3/4个甜甜圈)。有没有办法做到这一点？在highcharts.js中可以指定起始和结束角度(例如-135到135 (3/4圆环，旋转-135度)，但在chart.js中似乎不存在。在我的例子中，甜甜圈图表标记了3个区域，红色，蓝色，绿色(从0到100)，我需要在这个区域上放置一个标记(甜甜圈宽度很小，点标记覆盖了宽度)。我需要将标记放置在图表上的一个点上，比如76(从0到100的

浏览 0提问于2015-12-25得票数 0

2回答

matplotlib中的双圆环图

python、matplotlib、plot、charts

好了，matplotlib爱好者们，我们知道如何绘制，但是还有什么比圆环图更好的呢？一个双圆环图。具体地说:我们有一组元素，它们属于第一个分类的不相交的类别和子类别。有没有提供这个功能的库，或者我们需要在这里解决这个问题？

浏览 8提问于2017-05-24得票数 9

回答已采纳

2回答

如何设置圆环图的边框宽度

angular、ng2-charts

我正在制作一个组件来显示使用NG2图表的甜甜圈图表。length"</canvas> 图表显示为离边框宽度太大。图表不会对数据集值做出反应。如何设置甜甜圈的宽度？

浏览 4提问于2019-09-26得票数 2

2回答

如何在Morris.js图表中更改标签颜色？

javascript、html、graph、morris.js

我正在使用morris.js图表，它非常容易设置，但我不知道如何在渲染圆环图时更改标签的颜色。默认情况下，它以黑色打印它们，但我希望在黑色背景上的图形。有人知道如何改变标签的颜色吗？

浏览 1提问于2012-12-11得票数 2

2回答

raphael.js -将饼图转换为圆环图

javascript、jquery、raphael

我正在尝试使用位于以下位置的raphael.js示例： function sector(cx, cy, r, startAngle, endAngle, params) { //console.log(cy, "L", x1, y1, "A", r, r, 0, +(endAngle - startAngle >

浏览 1提问于2011-11-02得票数 4

回答已采纳

1回答

如何删除半圆环形Chart.js图表周围不必要的空格

css、chart.js

我想删除两个圆环图之间的空格，这样它们就可以互相接触了。请注意，图表的画布宽度比甜甜圈的宽度大。看起来画布一直使用全尺寸甜甜圈的宽度。如何删除画布内部的填充，使画布与图表具有相同的宽度？

浏览 1提问于2017-08-28得票数 2

3回答

D3环图中环间空间的增加

javascript、d3.js、charts

我正在做一个有多个同心圆环的环图。[https://jsfiddle.net/szada3/tu6d7wzc/9/][1]提前感谢

浏览 11提问于2016-06-16得票数 1

回答已采纳

点击加载更多