donut-chart相关内容

ChartJS - 带有多个环的圆环图

是否可以使用 ChartJS 创建一个具有多个环的圆环图,如下所示? 解决方案 您可以在 fiddle 链接找到解决方案 var ctx = document.getElementById("chart-area").getContext("2d");var myDoughnut = new Chart(ctx, config);变量配置 = {类型:'甜甜圈',数据: {数据集:[{数 ..
发布时间:2022-01-22 16:03:00 前端开发

如何为图表 js 使用内联插件内部标题?

我正在创建一个带有两个圆环图的 JavaScript 网页.为了创建图表,我使用一个函数并使用每个图表的不同数据调用它两次.但是,当我这样做时,圆环图中间的文本正在更改为两个图表,而不仅仅是当前一个.我怎样才能为每个单独编写文本?这是我的代码 功能图(dummynames, dummyValues, dummyColors, percent, id) {//虚拟名称、虚拟值和虚拟颜色是数组新图表 ..
发布时间:2022-01-19 13:15:32 前端开发

Chart.js 圆角边缘和文本居中的甜甜圈

我正在尝试实现类似于本文此处的圆角,但结合中心的文字,到目前为止我有下面的代码,但我不确定如何结合这两个想法 任何帮助将不胜感激! 图像如下所示,带有文字图像的甜甜圈: 我的代码如下,用于生成甜甜圈内的文本. Chart.types.Doughnut.extend({name: "DoughnutTextInside",显示工具提示:函数(){this.chart.ctx.sa ..

python中带有百分比标签的圆形条形图

我是 Python 新手,对 R 几乎没有经验. 我有一个带有gut_list 和百分比的数据框.我想创建一个带有标签的圆形条形图/赛道图.我在 R ggplot 中看到了一个帖子来创建与神圣中心类似的东西.但我不确定,如何在 python 中使用 ggplot. 我想要一个与以下 R 组类似的输出.但是我想尝试使用 python 包来创建带有标记值和图例的图. 使用一个空心(又 ..

ggplot甜甜圈图不理想

我正在尝试使用ggplot2和以下数据(示例)来创建一个甜甜圈图. 库(ggplot2)图书馆(svglite)图书馆(秤)#个数据框性别= c('男','女')数= c(125,375)df = data.frame(Sex,Number)df 我用来生成甜甜圈图的代码是 ggplot(aes(x = Sex,y = Number,fill = Sex),data = df)+geom ..
发布时间:2021-05-10 20:08:45 其他开发

情节:如何在甜甜圈图中自定义颜色?

我想问问您是否可以帮助我自定义由plotly创建的甜甜圈图中的颜色. 问题出在后面-我必须重新创建一个仪表板(从Excel文件到html文件).仪表板的一部分是一个图表,向我们提供了有关每个实体的早期生产的信息.该图表按情节是甜甜圈图类型.由于每个实体都是由整个仪表板中的特定颜色(以RGB定义)定义的,因此我也需要将这些颜色保留在甜甜圈图中.但有一个问题.我总是收到以下警告: 警告信息 ..
发布时间:2021-04-23 18:59:58 其他开发

如何为图表js使用内联插件内部标题?

我正在创建一个包含两个甜甜圈图的JavaScript网页.创建一个图表,我正在使用一个函数,并为每个图表使用不同的数据调用两次.但是,当我这样做时,甜甜圈图中间的文本不仅针对当前图表被更改为两个图表.我该如何分别为每个文本写文字?这是我的代码 功能表(虚拟名称,dummyValues,dummyColors,百分比,id){//虚拟名称,虚拟值和虚拟颜色是数组新的Chart(document.g ..
发布时间:2021-04-21 20:32:33 前端开发

Chartjs- 2个甜甜圈图定制工具提示

我想使用Chartjs-2在reactjs中显示一些数据. 为了显示我的数据,我想要一个甜甜圈饼图.当我使用特定的饼图时,它显示如下: 但是所需的输出应该是这样的: 我从文档中了解到,我应该从该选项中编辑工具提示,但我找不到执行此操作的方法.你知道吗? 解决方案 您需要在图表选项中实现自定义工具提示.您必须将html元素的样式和大小替换为所需的样式. var myPieChart = ..
发布时间:2020-06-12 19:11:25 其他开发

半径变化的d3甜甜圈图

我想重新创建类似于以下示例的内容: http://bl.ocks.org/mbostock/3888852 http://bl.ocks.org/mbostock/1305111 唯一的区别是我想控制每个甜甜圈的半径,而不是让所有甜甜圈都相同.如何动态更改甜甜圈图的半径? 解决方案 为此,您需要为每个附加的饼图动态调整.innerRadius()和/或.outerRadi ..
发布时间:2020-06-12 19:11:19 其他开发

看起来像甜甜圈的圆形热图

我正在尝试使用ggplot2创建圆形热图,因此我可以使用更多的标签 绕圆的圆周.我想让它看起来更像是一个甜甜圈,中间有一个空洞,但同时又不丢失任何行(它们需要压缩). 下面是我所拥有的代码. library(reshape) library(ggplot2) nba ..
发布时间:2020-06-12 19:11:17 其他开发

莫里斯甜甜圈图.标签长而小

我的morris甜甜圈图上有很长的标签. 由于它们很长,因此很难阅读. 当我将鼠标悬停在该文本上时,我希望它带有某种带有标签的弹出窗口.但是没有绑定处理程序的css类. js代码: Morris.Donut({ element: 'donut-example', data: [ {label: "Download SalesD DDDDDDDDDDDDDDDDD" ..
发布时间:2020-04-26 14:49:30 其他开发

D3圆环图文本居中

我正在为一个项目使用d3圆环图,我有问题将文本集中在甜甜圈内。我发现了一段我修改过的代码,但坦率地说,我对此并不了解。 我已经在中心添加了文字,但它并没有完全集中。有没有人可以帮我中心呢?我尝试添加'margin-top'来降低它但是这不起作用,也没有尝试过很多css的东西。 以下是附加文字的具体部分: svg。 append(“text”) .attr({ “text-an ..
发布时间:2019-06-12 15:11:21 前端开发