1回答
可以在AMCharts甜甜圈图中添加颜色梯度吗？我有一个甜甜圈图，就像一个进度条，显示完成的状态。AMCharts只允许我为百分比完成和未完成选择两种颜色。我希望完成的部分图表被填充一个颜色梯度。这可以在条形图中完成，但我想不出如何处理甜甜圈图。任何帮助都将不胜感激。谢谢。
浏览 1提问于2015-11-17得票数 1
回答已采纳
2回答
我试图创建一个css圆圈的进度条，在其中点击每个圆圈后，如1，2，3，所有三个圆圈及其连接线将被红色填充，如果返回像3，2，1，那么颜色应该被移除。
HTML :
<div class="row well" id="rows">
<ul id="progressbar" class="progressbar">
<li class="cir danger">THOUGHFUL</li>
<li cl
浏览 6提问于2020-03-28得票数 1
回答已采纳
1回答
我想画一个自定义形状，这是一个进度条。
关于如何创建它，有什么建议吗？(示例如下)
我只学会了如何做圆圈，甜甜圈和酒吧。=/
浏览 0提问于2018-04-07得票数 0
1回答
我正在尝试使用Knob.js ()作为进度条。我找到了soundmanager2的代码
$(".progBar").css('width', ((this.position/this.duration) * 100) + '%');
这对于正常的div宽度进度条是有效的，但是显然对于Knob，我们必须更改输入的值。
我看到了以下用于更新输入值的代码，但无法使其正常工作。
$(function() {
$(".dial").knob({
'draw' : function () {
$(this.i)
浏览 0提问于2014-07-04得票数 0
回答已采纳
我试图显示一个简单的进度(不确定)，以表明它正在加载。
这是我正在使用的代码
ProgressDialog progressDiag = new ProgressDialog(this);
progressDiag.setIndeterminate(true);
progressDiag.show();
这里引用当前的AppCompatActivity
然而，这正是我所得到的
如您所见，它正在显示白色对话框与进度条在它的一边！为什么进步圈在一个白色的对话框里，我怎样才能摆脱它，或者至少让它和进步圈(中间)一样大？
这看起来好像是内容丢失了
谢谢
浏览 0提问于2017-05-25得票数 0
回答已采纳
如何在InnoSetup的进度页上显示自定义文本区域？
在下面的图片中，我标记了希望填充的区域(不介意将进度条移到底部，文本区域放在上面)：
必须在欢迎页面上添加自定义消息！(第一页)-(黑色圈区域)
浏览 2提问于2014-03-21得票数 1
回答已采纳
1回答
我找到了很好的进度条，我正在尝试定制它。
原始的是从html属性中提取CSS content值，如下所示：
<li class]="is-active" data-step="1">Patient Screening</li>
&:before {
content: attr(data-step);
}
在我的代码中，我只想在CSS中定义内容。但是，当我尝试这样做的时候，台阶圈就会向下颠簸。
是CodePen。
浏览 4提问于2017-04-17得票数 0
回答已采纳
6回答
我提到在WPF中没有标准的忙控制。那么，在加载页面时显示动态忙圈(而不是进度条)的最简单方法是什么？
如果你建议从互联网上下载控件，请确保这个控件是免费的，没有许可证限制(例如，如果我使用它，我将被迫对我的应用程序进行GPL )。
提前谢谢你
浏览 1提问于2010-05-29得票数 31
回答已采纳
1回答
我想用d3.js创建一个像上面这样的甜甜圈，但是我不能做一个。我可以用d3.js做一个正常的甜甜圈。
请有人知道如何用d3.js制作这个甜甜圈吗？
浏览 3提问于2015-12-02得票数 2
回答已采纳
1回答
起初，我想使用饼图，但后来它点击我使用循环进度，现在它需要超过100%。
是否有任何方法来修改任何现有的循环进度条SDK以快速或任何替代的方式来实现这种行为？
用甜甜圈图之类的怎么样？
编辑:它是gif，是附加的。不知道它为什么不按gif的要求演奏！(你可以点击它来查看)
浏览 3提问于2022-05-20得票数 0
回答已采纳
2回答
我正试着用一个甜甜圈图表来展示筹款活动的进展。许多人使用温度计样式或进度条，但我真的想尽可能接近这样的东西：
在我花了很多时间研究之后，我想出了一个使用绘制甜甜圈的非常简单的解决方案，下面是演示：
$(function () {
var data = [
{ label: "Donated", data: 20, color: '#f00' },
{ label: "Goal", data: 78, color: '#D3D3D3' }
];
$.plot($("#
浏览 3提问于2012-03-11得票数 9
回答已采纳
1回答
我有一个甜甜圈饼图进度条。我想给他们一个内部边界，我试过了
.pie{
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
width:70px;
height:70px;
border:2px solid black;
border-radius:50%;
}
我想让我的饼图看起来像这样：
我不断得到这个结果：
这是我的。
浏览 3提问于2015-03-23得票数 0
回答已采纳
1回答
我正在使用库在我的角度项目中绘制一些图表，图表加载完美，但我有一个新的要求，即为显示在甜甜圈中心的文本和在图表的进度条中的值。
在下图中，左边的图表是实际的行为，右边的图表是所需的行为。
我在google上研究过但没有成功，你有什么想法可以在不改变库的核心的情况下做到这一点吗？
浏览 21提问于2017-02-02得票数 0
回答已采纳
我正在尝试使用angular-chart.js创建一个部分甜甜圈图表(3/4个甜甜圈)。有没有办法做到这一点？在highcharts.js中可以指定起始和结束角度(例如-135到135 (3/4圆环，旋转-135度)，但在chart.js中似乎不存在。
在我的例子中，甜甜圈图表标记了3个区域，红色，蓝色，绿色(从0到100)，我需要在这个区域上放置一个标记(甜甜圈宽度很小，点标记覆盖了宽度)。我需要将标记放置在图表上的一个点上，比如76(从0到100的范围)，并在76处停止动画。
使用chart.js可以做到这一点吗？任何人可以共用一把小提琴吗？
浏览 0提问于2015-12-25得票数 0
1回答
我有一个使用图表js构建的甜甜圈图表。我想要一个固定大小的甜甜圈图表，不管它有多少数据。看看这张照片看上去有多糟糕，它有371个传说。我怎样才能确定甜甜圈图的大小？
浏览 8提问于2022-10-13得票数 -5
1回答
我正在使用脚本创建一些圆形进度条。下面是一些创建它们的标记：
<div class="loader">
<div class="loader-bg">
<div class="text"></div>
</div>
<div class="spiner-holder-one animate-0-25-a">
<div class="spiner-holder-two animate-0-25-b">
浏览 2提问于2013-10-01得票数 2
回答已采纳
我想使用chart.js创建一个预填充的甜甜圈，如下图所示。
。
因此，有没有办法创建一个甜甜圈-就像上面的图像。
浏览 3提问于2018-03-24得票数 0
2回答
挠性圆形进度条
、、
我试着做一个循环进度条，但我被卡住了。
我在绘制彩色圆圈方面没有任何问题，但我不知道如何去除中间的颜色，以及如何删除表示丢失百分比的小部分。
实际的解决方案是在背景中使用一幅图像，我将每5%替换一张。它可以工作，但它很重，很不爽，如果我需要改变圆圈的颜色，我必须重新绘制所有的20幅图片。
有什么办法可以让我动态地画出这个“进度圈”吗？
浏览 2提问于2013-10-02得票数 0
回答已采纳
2回答
当页面加载时，我尝试显示进度条。我希望在js文件加载.At之后更改进度条的宽度，将所有带有进度条的文档加载到100% .Now之后，最后一次修改进度条，我需要识别带有javascript加载的js文件。这有可能吗？请指点。
浏览 0提问于2016-02-19得票数 0
我正试图用Chart.js在聚合物1.0中实现同心甜甜圈图。当我尝试研究的时候，我发现的就是这个链接：。
我发现同心甜甜圈尚未在Chart.js v2.0中实现。请确认同样的。
还有，请告诉我是否有任何方法可以实现它？
浏览 4提问于2015-07-31得票数 0
1回答
有没有人可以帮助我，如何让我的以下甜甜圈图表可点击？我只是从一些虚拟数据创建一个甜甜圈图表，并希望甜甜圈的每个部分都是可点击的。我是D3的新手，发现很难在甜甜圈图表中加入点击功能。我发现在d3.js中很难让甜甜圈图表的每一部分都可以点击。任何帮助都是非常感谢的。我在这里添加了我的代码片段。 function myFunction(width,height,margin,datax,dis,hg) {
var radius = Math.min(width, height) / 2 - margin
var svg = d3.select("#my_dataviz
浏览 44提问于2020-12-24得票数 0
回答已采纳
1回答
我想从c3.js定制一个甜甜圈图表，所以它有2层。
这是非常基本的基于c3.js的甜甜圈图表的代码。
var chart = c3.generate({
data: {
columns: [
['bulls', 30],
['lakers', 50],
],
type : 'donut'
},
});
这是一个类似于我想要实现的东西的图像：
我确实找到了这个，但我不确定如何在c3.js中实现它。这是我的的链接。
浏览 6提问于2015-06-25得票数 1
1回答
我创建了一个两个div来制作一个进度条。我想标记在外域的部分位置(0，25%，50%，75%和100%)。标记将是一个指向上方的小箭头(图像是一个gif)。
到目前为止，这是代码html
<div style='height: 2px; width: 100%; border: solid 1px #000'>
<div style='height: 2px; width: 30%; background-color: red; border-right: solid 1px #000;'></div>
</
浏览 0提问于2014-09-24得票数 1
回答已采纳
1回答
我在React中通过react-chartjs-2显示了一个Chart.js甜甜圈图表，默认情况下，每个甜甜圈部分都会显示以下线框内容。下面是一个例子： ? 这些行框的东西叫什么，我如何关闭它们？ 此外，它们似乎不会默认出现在基础Chart.js库中，但它们会出现在react-chartjs-2 npm包中的甜甜圈(可能还有饼图)中。我搜索了又搜索，并尝试切换图例、图例标签和工具提示的一堆选项，但都无济于事。我想不出怎么把它们关掉。谢谢你的帮助。
浏览 21提问于2021-03-30得票数 0
有谁能建议我如何在C3.js甜甜圈图的标题中添加样式？
对于任何甜甜圈c3图表，是否有任何选项来设置样式？
我用这个代码来做我的甜甜圈图。
var chart = c3.generate({
data: {
columns: [
['Monday', 70],
['TuesDay', 20],
['Wednesday', 30],
['Thursday', 50],
浏览 0提问于2016-01-09得票数 4
回答已采纳
4回答
我使用的是chart.js v2.5.0。我在甜甜圈里放了甜甜圈。
我希望两个甜甜圈(A，)之间的脱节更大，而不影响同一甜甜圈内各片之间的距离(B)。
请参阅下列图片：
目前，我正在使用属性borderWidth。但是，这也会影响B的宽度。
请参阅下列代码：
options: {
elements: {
arc: {
borderWidth: 18,
},
},
浏览 7提问于2017-04-04得票数 2
回答已采纳
我对这个问题有点纠结。我需要停止测试场景的执行，直到进度条可见为止。进度条由nprogress.js处理
我正在考虑将它(进度条)捕获为WebElement，但我假设我无法及时找到它，因为进度条可以在1到6秒内显示，selenium将搜索元素的时间更长，执行本身也会更长。
有没有可能检查nprogress.js的执行状态？
浏览 0提问于2017-08-23得票数 0
2回答
我有一个甜甜圈图表，更新数据点击。我想向相同的数据中添加标签。我目前正在使用d3.js javascript库。
我不明白的是，如何将标签添加到甜甜圈图的各个部分？
浏览 3提问于2012-09-20得票数 12
1回答
我试图在adobe应用程序中显示一个进度条，但有问题。我正在使用jquery进度条，但是进度条没有显示，我也不知道为什么。我正在尝试jquery演示站点中显示的简单示例，
使用下面的命令$( "#progressbar" ).progressbar({ value: 59 }); 创建带有id进度条的div，
我会假设进度栏会出现，但我什么也没有得到。有什么帮助吗？
只是为了展示一些代码：
<!DOCTYPE html>
<html>
<head>
<script type = "text/javascript
浏览 3提问于2011-07-08得票数 1
回答已采纳
我想做一个甜甜圈样式的饼图，在特定的甜甜圈部分有弯曲的标签，就像这样：
在这个模型中，用户点击了"Raphael.js“扇区。现在，对于单击的扇区，还应该有一个事件处理程序，它负责在饼图下面显示一个新的HTML Div，并显示一些信息。完美的解决方案是，如果甜甜圈旋转，那么单击的扇区就在底部。
有人能帮上忙吗？
浏览 0提问于2013-01-29得票数 1
1回答
使用d3.js修改c3.js图表
、、、、
我正在使用C3.js创建图表。我制作了一个简单的甜甜圈图。下面是屏幕截图：
当我在不同的甜甜圈片上盘旋时，它们会膨胀。下面是发生这种情况的屏幕截图：
我想知道，在默认情况下，是否有可能让某些甜甜圈块像这样膨胀，而不会在它们上面盘旋。
这是我的
我还被建议添加以下代码，以使甜甜圈突出：
setTimeout( function() {
d3.selectAll('.c3-arc-D, .c3-arc-B, .c3-arc-C').attr("transform", "scale(1.1)");
}, 5);
然而，
浏览 1提问于2016-05-04得票数 0
回答已采纳
在使用Chart.js库时，我可以在页面上添加多个甜甜圈，没有问题。
但是我找不到一种方法让总是向展示工具提示--不仅仅是当鼠标悬停在甜甜圈上的时候。有人知道这是否可能吗？
浏览 7提问于2014-09-04得票数 19
1回答
我是一个非常初学者反应JS和图表JS。所以如果这个问题是愚蠢的请原谅我。
我想要的是减少甜甜圈图的宽度(线宽)。图表太粗了。我要它看起来像个戒指。基本上是为了减少甜甜圈的宽度。我在这里附上了一张图片的链接。我怎样才能做到这一点？
链接到图像-
提前感谢
浏览 0提问于2020-05-01得票数 2
回答已采纳
我使用angularjs和angular-charts，它们使用chart.js，但是，我被一件事困扰了，那就是如何突出显示被单击的甜甜圈部分，以便用户知道他/她选择了甜甜圈的这一部分
浏览 2提问于2016-03-29得票数 3
我在d3.js中有以下甜甜圈图表
Please see here: <https://jsfiddle.net/jz9z9hw1/>
我不确定如何在甜甜圈的中心添加文本。我希望它是“测试系统1”。
另外，如何在弧线中添加文本？那么，它会显示实际的数字吗？
浏览 0提问于2017-07-02得票数 0
我有一个进度条和一个点击按钮。现在进度条未与该按钮链接。那么我如何确保:当按钮单击时，进度条启动；当从服务器检索结果时，进度条停止？有人能帮上忙吗？
我想尝试一些隐藏的字段作为标志来通知进度条，但还没有时间尝试。
HTML按钮在此处：
<section class="progress-demo">
<button id="sendRequest_1" onclick="SendRequest(1)" type="button" class="btn btn-danger ladda
浏览 5提问于2015-01-26得票数 0
1回答
自定义JS上的进度条
、、、
我使用非常简单的。
但是我想创建这样的自定义进度条：
但我不知道如何创建这样的进度条。可能准备使用的JS库存在或其他什么东西，用于创建进度条。
浏览 2提问于2015-05-14得票数 2
回答已采纳
我已经创建了一个带有外部图例的甜甜圈图表，当您将鼠标悬停在甜甜圈的左侧或右侧时，不会显示工具提示-而如果您将鼠标悬停在甜甜圈的顶部/底部，则会显示工具提示。
我使用的配置如下：
const config = {
type: 'doughnut',
data: data,
options: {
cutout: "85%",
plugins: {
浏览 11提问于2021-06-01得票数 0
回答已采纳
我下载了进度条组件jQuery UI，以便可以向页面添加进度条。我想要一个特定的主题，该网站允许您下载带有主题的组件。我选择了“开始”主题(带波浪的蓝色)。
它下载了一个示例文件以及一个css文件夹，其中包含css文件夹中的所有图像。当我运行该示例时，我看到了正确的进度条：
所以我看一下html，它包含了这个示例页面的以下内容：
<link type="text/css" href="css/start/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
<script
浏览 1提问于2011-05-26得票数 0
回答已采纳
我的任务是通过一些行动在视频圈播放和停止视频。我有元素列表，点击哪个视频在视频圈应该改变。我用的是React.js和一个框架库。为了达到预期的行为，我花了很多时间，所以我想分享一些代码和注释。突然间会有人帮忙。
浏览 2提问于2019-11-13得票数 2
回答已采纳
1回答
我正在尝试将我的按钮设置为无边界的，这样我们就可以在后台看到进度条，我尝试了所有的论坛，但是coundt把按钮的边框绕了一圈，或者做一些类似于第二张图片的东西--这是按钮代码的一部分：
bg3 = Image.open("blanc.png")
resized_bg03 = bg3.resize((20, 20),Image.ANTIALIAS)
new_bg03 = ImageTk.PhotoImage(resized_bg03)
s = Button(Fenetre,image=new_bg03,borderwidth=0,highlightthickness=0)
浏览 0提问于2021-03-08得票数 0
回答已采纳
2回答
我正在读一本关于可测试JS的书，其中有一章是关于圈复杂度的，但它并没有真正说明如何计算它。它只是说
圈复杂度是一种度量代码中独立路径数量的方法。
并给出了这个例子，说明它的圈复杂度为2：
function sum(a, b) {
if (typeof(a) !== typeof(b)) {
throw new Error("Cannot sum different types!");
} else {
return a + b;
}
}
因此，我想知道这个合成的例子是否具有3的圈复杂度：
function made
浏览 4提问于2015-01-13得票数 2
回答已采纳
2回答
chart.js正在创建一个甜甜圈图，如下所示：
<div id="chartContainer" style="height: 320px; width: 320px">
<canvas id="hoursFEContainer"></canvas>
</div>
我需要chart.js如下(从npm下载)：
require('chart.js');
然后在相关函数中实例化Chart.js如下：
var distinc
浏览 5提问于2017-03-21得票数 7
1回答
如何在进度条工作时禁用该按钮，并在进度条完成后启用该按钮。 我的代码不工作按钮一开始就没有被禁用。谢谢。 <div id="progressTimer"></div>
<script>
function () {
$("#btnSave").attr('disabled', 'disabled');
};
</script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jq
浏览 20提问于2019-05-09得票数 0
2回答
我正在尝试制作一个相当复杂的拉斐尔JS甜甜圈图。
我遇到了几个问题，其中之一是3D效果，我计划通过添加7个投影(发光)或甜甜圈副本来解决，以模拟7px厚度的形状。
我怎么做才是最好的方法呢？先谢谢你……
浏览 0提问于2012-09-05得票数 0
回答已采纳
2回答
我需要在react js中构建水平进度条，最后是圆圈，如图所示。我能够建立自定义进度条"%"，现在我想添加圆圈的结尾与一些文字。 ? 带有自定义“%”的进度条的代码：codesandbox
浏览 50提问于2021-09-03得票数 0
回答已采纳
1回答
我正在使用aurelia插件的图表js，并有一个动态的甜甜圈图表。我已经将图表的responsive设置为false，因为我希望它在所有屏幕/设备大小中都保持固定的宽度和高度。然而，我不能让图表居中，因为画布元素溢出了它的容器。如果我在画布上设置了最大宽度，element...it会保持图表居中，但通过挤压甜甜圈来完全扭曲它。请参阅图片：
这是一个大屏幕大小的图表，呈现正确：
当我减小视区时，画布元素溢出了它的容器，使图表保持在' canvas‘元素的中心，但它溢出了它的容器，所以它没有像它应该的那样居中：
如果我在画布上设置一个最大宽度，它会使图表居中，但会严重扭
浏览 3提问于2017-11-03得票数 2
3回答
我见过一些网站，当页面第一次加载时，会显示像进度条这样的youtube。当进度条完成时，页面内容将显示为淡出效果。网站地址是https://www.skysite.com/
我检查了很多youtube的链接，比如进度条，但是那些页面显示的是像你一样的进度条，但是它们和页面内容没有任何关系。
以下是我咨询过的一些链接。
http://stackoverflow.com/questions/18350370/youtube-like-progress-bar
http://onextrapixel.com/examples/youtube-like-ajax-loading-bar/index5.
浏览 5提问于2015-08-04得票数 1
回答已采纳
1回答
我正在使用创建一个甜甜圈图表。每个部分的颜色在通过JS传递的选项中定义。
self.chartView = new Donut({
el: this,
colors: ['#96c6e3','#d8c395','#7fb299','#c693c3'],
data: $(this).data('series')
});
我想在CSS中定义这些颜色，然后抓取它们作为甜甜圈图。与…有关的东西：
CSS
#color1{
background-color: #96c
浏览 3提问于2014-10-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
