我正在尝试将百分比标签添加到甜甜圈图表，但在绘制百分比值的明确表示(圆形而不是重叠) 方面没有成功. ## my data library(ggplot2) col
4
2023-05-23
以下是关于 donut-chart 的编程技术问答
我对R的新手……请原谅我.我正在尝试使用GGPLOT2制作甜甜圈. 我已经修改了帖子的代码 ggplot Donut图表，但现在我无法在图表中添加百分比. 这是我的尝试: library(ggplot2) blank_theme
0
2023-05-23
我正在构建一个P5JS甜甜圈图表，但我正在努力在中间显示数据标签.我认为我设法获得了正确的界限，但是如何匹配我所处的角度?还是可以通过颜色匹配的方法? https://i.stack.imgur.com/entbo.po.png 我开始尝试将图表的边界与指针匹配，我设法使用MouseX和Mousey进行了操作.有什么建议吗? if(mouseX >= width / 2 - width * 0.2 && mouseY >= height / 2 - width * 0.2 && mouseX
8
2023-05-16
左侧是我的甜甜圈图表当前的样子，在正确的情况下，它的外观: 有什么方法可以使用R? 爆炸甜甜圈图 这是我的代码: ggplot(dat, aes(fill = goalGroups, ymax = ymax, ymin = ymin, xmax = 4.8, xmin = 3)) + geom_rect(color = "white") + coord_polar(theta="y", direction = -1) + xlim(c(0, 8)) + theme_bw() + theme(panel.grid=element_blank()) + theme(axis.text=element_blank()) + theme(axis.ticks=element_blank()) + theme(axis.title.x = element_blank()) + theme(axis.title.y = element_blank(
22
2023-04-21
我想根据制作Highcharts Donut图表.只有我的数据看起来像这样: data: [ {y:40, color: colors[0], name: 'yoyo'}, {y:0, color: colors[1], name: 'dada'}, {y:60, color: colors[2], name: 'sasa'} ] 现在:当我更改mouseOver函数时: mouseOver: function(){ this.series.chart.innerText.attr({text: this.name}); }, 然后，我能够从数据中检索name键的值.但是，当我想将其添加到工具提示中时，以下代码不起作用(原始代码中的tooltip:之后添加代码
4
2023-04-13
我是python的新手，在R. 上几乎没有经验 我有一个带有gut_list和百分比的数据框架.我想创建一个带有标签的圆形的barplot/赛车图.我在R GGPLOT中看到了一个帖子，以与Hallow Center相似.但是我不确定如何在Python中使用GGPLOT. 我想要与以下R组相似的输出.但是我想尝试使用Python软件包来创建具有标记和图例的值的图. 与圆形的barplot一起使用空心中心(又名赛道图) 示例数据: gut_list = ("Micro1", "Micro2", "Micro3", "Micro4", "Micro5", "Micro6") percent = (2, 77, 22, 41, 21, 9) 初次试验: import matplotlib.pyplot as plt from matplotlib import cm from math import log10 gut_list = ("Micro1",
2
2023-04-13
我已经实施了一个反应和D3饼图(由于DIV将在SVG之外，因此我需要相对于视图端口添加定位.我尝试通过在Donutcontainer中添加useref，然后将REF添加到图形中(然后使用ref.Current.getBoundingClientRect()).这使我可以访问X，Y，宽度，图标签高度等值.有人可以帮助我找到正确的工具提示的左和最高值的正确功能，该功能应位于选择的弧中心? ? 解决方案 我最近已经做到了，您只需要一个小代数即可获得它.基本上，由于您基于SVG Viewbox获得了质心，因此需要将其映射到ContainDIND元素中.我改编了我的所作所为，因为它略有不同，但是以下功能应该有所帮助: const tooltipPos = (centroid) => { const svgBox = d3.select(`svg#`).node().getBoundingClientRect(); const posX
4
2023-04-13
我正在尝试构建甜甜圈图 我想要一个类似的设计，以下图像在彩色派之间显示的值 之间显示 import DonutChart from 'react-d3-donut'; let data = [{ count: 20 , color: "red" , name: 'My name' },{ count:30, color:"green", name:"yeys" },{ count:20, color:"orange", name:"yeys" }]
10
2023-04-13
我似乎无法理解sunburstR中的sunburst如何处理某些牧羊人，即给出的颜色的向量以及它如何将颜色应用于不同类别以及如何显示不同分区的标签. 是否有逻辑，并且有更好的方法可以手动指定哪种颜色应使用哪种根/叶? 来自?sunburst :(不知道它们的含义是"用范围和/或域的列表". colors vector of strings representing colors as hexadecimal for manual colors. If you want precise control of colors, supply a list with range and/or domain. For advanced customization, supply a JavaScript function. 谢谢！ sourcestatus # A tibble: 5 x 2 SourceStatus count
4
2023-04-13
我想为这个第三方甜甜圈图创建一个梯度填充: 这就是我想要它看起来像 这是JS小提琴链接:jsfiddle.net/kjoh57mf/ 或参考以下内容: JS: var τ = 2 * Math.PI, width = 100, height = 100, outerRadius = Math.min(width, height) / 2, innerRadius = (outerRadius / 5) * 4, fontSize = (Math.min(width, height) / 4); var arc = d3.svg.arc() .innerRadius(innerRadius) .outerRadius(outerRadius) .cornerRadius(outerRadius - innerRadius)
4
2023-04-12
我正在尝试使用Plotly在R中制作甜甜圈图.我尝试了ggplot，但它无法给我所需的效果.这是一个示例数据集: library(dplyr) testfile
36
2023-04-07
我想问一下您是否可以帮助我在Plotly创建的甜甜圈图中自定义颜色. 问题是遵循的 - 我必须重新创建仪表板(从Excel文件到HTML文件).仪表板的一部分是图表，为我们提供了有关每个实体早期生产的信息.图表是图案的甜甜圈图.由于每个实体在整个仪表板中都由特定颜色(在RGB中定义)定义，因此我还需要将这些颜色保留在甜甜圈图中.但有一个问题.我总是得到以下警告: 警告消息: 在rcolorbrewer :: brewer.pal(n，" set2")中: n太大，最大允许的调色板set2为8 返回您要求的带有许多颜色的调色板 和生成的甜甜圈图只有一个具有未指定颜色的实体(请参阅代码下方的图片).同样，传说中的颜色不是定义的颜色. 知道该怎么办?非常感谢您. # create dataset dt
2
2023-03-20
我想使用ChartJS-2在ReactJ中显示一些数据. 为了显示我的数据，我想要甜甜圈饼图.当我使用特定的饼图时，它显示了我喜欢: 但是所需的输出应该是这样的: 我已经从文档中读到，我应该从选项中编辑工具提示，但我找不到这样做的方法.你知道怎么吗? 解决方案 您需要在图表选项中实现自定义工具提示.您必须用所需的html元素样式和大小替换HTML元素样式和大小. var myPieChart = new Chart(ctx, { type: 'pie', data: data, options: { tooltips: { custom: function(tooltipModel) { // Tooltip Element var tooltipEl = document.getElementById('chartjs-tooltip');
2
2023-03-10
好，这应该相对简单: 我正在添加一张甜甜圈图，该图表确实有效 但是，"传奇"(例如Head (+)以及相应的颜色)并未显示. 代码: $(document).ready(function(){ var s1 = [['Head (+)',], ['Head (-)',]]; var s2 = [['Body (+)',], ['Body (-)',]]; var plot3 = $.jqplot('linkchart', [s1,s2], { title:"Score Profile", seriesDefaults: { // make this a donut cha
10
2023-03-10
我想在莫里斯甜甜圈图中更改标签颜色: for Busstop:标签颜色应为红色 栅栏:标签颜色应为蓝色 用于路线:标签颜色应该是黄色的... 代码示例示例 我尝试了: data: [ { label: 'BusStop', value:5, labelColor:"#EC407A", }, { label: 'Fence', value: 6, labelColor:"#00897B", }, { label: 'Route', value: 2, labelColor:"#C0CA33", } ], labelColor:"#9CC4E4", //this is Constant for all label but I need customized labelColo
2
2023-03-10
您好，我正在尝试使用Chartist.js创建以下甜甜圈图: 目标图 这是当前图表的样子: Chartist.js Donut Chart 我试图找到可以更改此图表的颜色的地方或如何在何处或如何匹配第一甜甜圈图表.红色和粉红色似乎是默认值.我找不到有关如何实现这一目标的任何文档.我还想自定义中风的大小和图表本身的大小.任何帮助都非常感谢！ 当前代码: // ** START CHARTIST DONUT CHART ** // var chart = new Chartist.Pie('.ct-chart', { series: [70, 30], labels: [1, 2] }, { donut: true, showLabel: false }); chart.on('draw', function(data) { if(data.type === 'slice') { // Get the total path le
8
2023-03-10
我有一个三个类别(ARC)的甜甜圈图:Facebook(50％)，Twitter(30％)和Instagram(20％).绘制图表非常简单，但是我想知道如何使用社交网络的各个符号在每个弧中插入图标(使用D3甚至C3). 谢谢！ 解决方案 添加图像只是使用 的一种情况 ... .append("svg:image") .attr("xlink:href","myimage.png") .attr("width", "32") .attr("height", "32"); 您还需要定位(x和y).这些将默认为0，因此您可以使用a translate，类似的东西来找到弧的中心: .attr("transform", function(d){ return "translate(" + arc.centroid(d) + ")"; }); 但是，这只是将图像的顶角锚定在弧的中心，因此要正确地中心，您需要使用图像的大小.这是完整的: var ima
4
2023-03-10
我有一个甜甜圈图，其中有五个不同的弧线.数据将不会更新，但是我想在页面加载时将整个图作为圆的过渡(在我的情况1.1*pi)开始时绘制为圆圈.这是图的jsfiddle: http://jsfiddle.net/nw62g/ var data = [ {name: "one", value: 10375}, {name: "two", value: 7615}, {name: "three", value: 832}, {name: "four", value: 516}, {name: "five", value: 491} ]; var margin = {top: 20, right: 20, bottom: 20, left: 20}; width = 400 - margin.left - margin.right; height = width - margin.top - margin.bottom; v
6
2023-03-10
我正在创建一个带有两个甜甜圈图表的JavaScript网页.为了创建图表，我使用一个函数，并将其调用两次，每张图表都使用不同的数据.但是，当我这样做时，甜甜圈图表中间的文本不仅在当前的图表中都在更改.如何为每个文本编写文本? 这是我的代码 function chart(dummynames, dummyValues, dummyColors, percentage, id) { //dummy names, dummy values and dummy colors are arrays new Chart(document.getElementById(id), { type: 'doughnut', data: { labels: dummynames, datasets: [{ label: "tessers", backgroundColor: dummyColors, dat
2
2023-03-10
是否可以使用ChartJS创建带有多个环的甜甜圈图表? 解决方案 您可以在 fiddle link 上找到解决方案. var ctx = document.getElementById("chart-area").getContext("2d"); var myDoughnut = new Chart(ctx, config); var config = { type: 'doughnut', data: { datasets: [{ data: [ 10,20,30 ], backgroundColor: [ "#F7464A", "#46BFBD", "#FDB45C" ], }, {
4
2023-03-10
联系站长