我正在使用chart.js开发饼图。我的图表运行良好，我所需要做的就是在我的饼图的图例部分显示百分比。请参考下图：[
我想在图例部分(加亮部分)中显示百分比。如何在饼图中添加legent中的百分比？或者，也可以在chart.js中使用如下所示的图表：
浏览 13提问于2016-02-17得票数 2
我在一个输入上使用maskinput.js。当我将百分号放在值后面时，当加载页面时，不会显示任何内容。如果没有百分号，则会显示它。谁能让我知道发生了什么以及如何修复它？谢谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head
浏览 4提问于2012-05-15得票数 0
回答已采纳
1回答
我是JavaScript的新手，我真的想知道如何通过使用JS获取甜甜圈图中的百分比数据，以百分比的形式显示数据。
<div class="block-text">
<div class="flex-chart"> <div class="box-file"></div><p class="spacing">abc</p>
<p id = "count">20%</p>&
浏览 3提问于2022-07-20得票数 0
我还没有找到任何的应用编程接口文档，并且我收到了一份与随机显示的ForeSee调查提示对话框相关的错误报告。我尝试过清除缓存和cookie，但它还没有显示出来，有没有办法用javascript触发它的显示呢？或者使用特定的URL参数？
在foresee-trigger.js中，我更新了FSR.sites数组，使其包含对本地主机的引用：
var FSR = {
'version': '7.0.0',
'date': '01/01/2011',
'enabled': true,
'
浏览 3提问于2012-04-20得票数 3
派图和高椅上有一个百分比。但是当我把它导出到excel中时，里面有数字而不是百分比。如何添加显示百分比的列？我试过检查API，但没有找到答案。这里有一个演示和导出的excel图片。
Highcharts.chart('container', {
chart: {
type: 'pie'
},
title: {
text: 'city'
},
tooltip: {
pointFormat: '{series.name}: <b>{point.percentage:.1f}%<
浏览 2提问于2018-09-05得票数 0
回答已采纳
1回答
在角Js的Kendo树列表中，我添加了一个图作为剑道模板。
<script id="progressStatus" type="text/x-kendo-template">
<div ng-if="'#:Status#' == 'Loading'">
<div kendo-progress-bar="progressBar1" k-min="0" k-ma
浏览 5提问于2016-12-05得票数 0
回答已采纳
2回答
我把我的主要代码放在哪里，用background.html、popup.html、eventPage.js或其他？
关于我的延伸的一些信息:我的延伸工作是为了计算我们大学学期成绩的分数百分比。我们有我们的大学成绩网站，它没有显示获得总分的百分比，我想为此建立一个扩展。
1)我在我的manifest.json文件中使用了'Page‘，因为它只在一个特定的站点上，所以我的扩展是工作的。2) popup.html具有显示百分比的UI。
但是background.html，eventPage.js和其他页面呢？我认为我还需要contentScript.js，因为我正在访问结果页面的html。
浏览 4提问于2014-03-17得票数 1
回答已采纳
1回答
我想在饼图中显示百分比分布。我目前的图表是完美的，除了它没有百分比标签。如何添加百分比。我的代码看起来像；
<!DOCTYPE html>
<html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.4/Chart.js"></script>
<body>
<canvas id="myChart" style="width:100%;max-width:600px"></canva
浏览 2提问于2022-07-06得票数 2
回答已采纳
1回答
到目前为止，我还不知道如何在图形中显示百分比符号。 plugins: {
datalabels: {
backgroundColor: function (context) {
return context.dataset.backgroundColor;
},
borderRadius: 25,
borderWidth: 3,
color: "black",
font: {
weight: "bold"
},
paddi
浏览 13提问于2021-09-28得票数 0
回答已采纳
1回答
输入框在下面的卡接受值的百分比。因此，我在输入框中有一个占位符，表示百分比(%)。
当我开始输入时，我想用%符号作为后缀。
最初，应该是“百分比(%)”。检查#3 "AU小型金融银行“
如果提供了非零输入值，则应该是“{{ value }%”。检查#1 "ABB印度有限公司“
如果未提供输入值，或者输入值为0，则将其返回到“百分比(%)”。我希望#2 "ACC有限公司“显示”百分比(%)"，因为它被触摸，但没有提供任何价值。
链接到代码
<input placeholder="Percentage (%)"
浏览 1提问于2019-09-02得票数 1
我有一个chart.js线图，其中Y值是从0到100的百分比，X轴代表过去一分钟的时间(秒)。图表使用来自套接字连接的实时数据填充，该套接字连接每5秒更新一次。
在chart.js动态生成Y轴步骤时，我遇到了一个问题。在大多数情况下，一切都是伟大的，Y轴的尺度根据目前正在显示的数据范围。但是，当百分比为0%或介于0到1之间时(例如，.654% )，Y轴将显示最小值0和最大值1%。因此，这个图表是误导的，因为这个百分比似乎是高的，而实际上是不足1%。
因此，我的问题是:如何为沿Y轴显示的最大值设置最小值？
(现在，在您跳到结论并删除关于stepSize属性的一行之前，我尝试将stepS
浏览 6提问于2016-11-29得票数 2
回答已采纳
我有一些条形图，利用交叉过滤器允许用户动态地过滤数据集。当用户选择数据集中的某些部分时，其他条形图显示的记录会更少，因为数据的一部分正在被过滤掉。
我还想要一个堆叠的条形图，它显示了被选中的所有记录的百分比，而不是原始记录的百分比。因此，例如，预刷选择，堆叠条形图将只有一个矩形在100%。然后，在选取部分数据后，可以显示一个条形图和一个条形图，分别显示60%和40%的条形图。
这个是可能的吗？如何通过d3.js +交叉过滤器或dc.js来实现这种类型的解决方案？
浏览 2提问于2016-03-31得票数 1
回答已采纳
我正在学习web和图表js，并使用饼图。我的图表如下所示；正如我们所看到的，更小的百分比值根本看不见，使我们的网站变得糟糕。我们怎么才能消除更小的百分比。我正在附上我的工作如何得到下面的饼图。友好地寻求帮助。谢谢。
编辑:我的意思是显示大于5%的百分比，这个百分比值只写在大于5%的区域上。低于5%的数据也应该出现在饼图中，但不要显示百分比标签。
<!DOCTYPE html>
<html>
<head>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/Cha
浏览 4提问于2022-07-06得票数 3
回答已采纳
自定义primefaces条形图上的工具提示以显示百分比值，而不是实际值的最佳方法是什么。也就是说，如果有3条，值为10，20，20，我希望工具提示显示20%，40%，40%。
我使用的是js扩展程序，我使用以下方法获得值(而不是百分比)：
enter this.cfg.highlighter = {
tooltipContentEditor: function (str, seriesIndex, pointIndex, plot) {
return plot.data[seriesIndex][pointIndex];
},
show: true
}；
是否有可能迭代积分，计算总数
浏览 2提问于2018-10-31得票数 0
回答已采纳
2回答
MySQL中的计数和百分比二值
、、、、
我有一个访问者表，其中包含以下字段：
id|---|browser|---|ip|---|device|---|city|---|state|---|country|---|status
正在尝试使用morris.js甜甜圈显示访问次数最多的设备。它需要一个百分比值才能显示为百分比。我试图从MySQL中获取作为计算值的数据。
SELECT device,
(SELECT COUNT(id) FROM visitor WHERE status = '1') as total,
COUNT(id) as visit FROM visitor WHERE status = '
浏览 3提问于2016-04-15得票数 0
1回答
浏览器如何知道加载过程？
、、、、
在浏览器中加载页面时，它会显示加载页面时加载的百分比。与使用XMLHttpRequest (XHR)执行AJAX请求时一样，它允许您查看加载百分比。
我只是好奇这样的特性是如何在场景背后实现的。客户端如何事先知道它将收到的数据大小？就我个人而言，当我使用Node.js创建我的web服务器时，我没有手动实现这样的功能，比如向客户机发送加载在每毫秒间隔上的百分比，等等。
这都是怎么回事？
浏览 0提问于2014-07-23得票数 1
回答已采纳
我试图做的是在onAnimationComplete选项上创建一个回调，以设置条形图中的百分比。那看上去怎么样：
options: {
responsive: false,
maintainAspectRatio: false,
legend: { display: false },
scaleShowVerticalLines: false,
scales: {
yAxes: [{
display: false,
ticks: {
display: false
}
}],
xAxe
浏览 3提问于2017-11-01得票数 1
回答已采纳
所以我设法在我的ReactJS项目中加入了这个D3 Liquid Fill仪表，但是当百分比改变时，我遇到了react重新渲染组件的问题，导致重复的仪表呈现，而不是一个更新百分比。
我有一个可以工作的JS Bin来说明我的意思。
在这种情况下，当我单击仪表时，它会更改百分比并调用重新呈现方法，而不仅仅是更改累加方法的值。
这是我正在使用的液体充注仪：
谢谢!
编辑:我忘了提一下，当它重新渲染时，它甚至不会改变填充级别。所有要更改的都是显示的百分比。
浏览 2提问于2016-03-26得票数 1
我的网页以百分比指定CPU使用率，每10秒更新一次。那么，是否可以使用Chart.js接口的饼图来显示实时内容？
一般来说，Chart.js应用编程接口的饼图支持实时行为还是动态行为？
浏览 0提问于2014-07-16得票数 1
我在一个条形图中显示PHP值，条形图是由Morris.js使用MySQL生成的。目前我只在x轴上显示一个属性，在y轴上显示它的值。是否可以将xkey划分为多个属性？
也就是说，对于ID = BBAT102，将显示错误、权限和百分比的值。但相反，我希望在xKey中提到错误、权利和百分比，以便这些属性中的每一个都有自己的栏。
php：
while($row = mysqli_fetch_array($result))
{
$chart_data .= "{ ID:'".$row["ID"]."', Wrongs:".$row
浏览 11提问于2020-03-05得票数 0
回答已采纳
1回答
我怎么做才能像GMail在应用程序启动时显示，gmail显示进度条，它已经显示了加载内容的百分比(部分)。
如何测量某些JS文件(HTML内容、CSS或图像)部分或全部加载？
附言:在服务器端，我想使用PHP
浏览 1提问于2012-03-27得票数 0
回答已采纳
我有一个来自客户端的要求，以显示列的总和的列值的百分比，就像下面的图片没有小部件。最好是我想在sharepoint中使用JS链接。如果这是我们可以用js link完成的事情，请让我知道。
浏览 3提问于2019-02-20得票数 0
理想行为
显示new_value与old_value相比的增加/减少百分比，在出现下降时显示负指标，并显示小数点4位(必要时为零)。
实际行为
好的
如果old_value为38.1200，new_value为19.0600，则结果为-50.0000
不怎么好
如果old_value是0.0000，new_value是1.0000，那么结果就是Infinity (我希望结果是100.0000 )。编辑：我现在意识到不存在从0到任何东西的百分比增长，比如)。
我试过什么
var old_value = new Decimal(0.0000);
var new_value = new Deci
浏览 1提问于2017-10-08得票数 1
我在一个有2个选项卡的页面上显示了一个百分比。百分比显示在最初打开页面的选项卡上。 我的JS非常简单： adaPercentColor(percent, ada) {
if (ada === 0) {
document.getElementById('ada').style.color = 'red';
} else if (percent <= 1 && percent >= .95) {
document.getElementById('ada').style.colo
浏览 34提问于2020-11-10得票数 0
回答已采纳
1回答
我想使百分比完成(进程栏)，它显示我有多少数据被处理。这是我的php代码：
$w->connect();
try {
$w->loginWithPassword($password);
}
catch (exception $e) {
return false;
}
foreach($targets as $target)
{
$w->sendMessage($target, $text);
}
return true;
foreach是我想要显示发送了多少消息的进程。现在在js中我有：
function send_message(){
var
浏览 0提问于2015-06-12得票数 5
2回答
如何实时获得加载Vue.js的页面百分比，以便在此页面上显示？谷歌里什么都没有，每个人都在谈论setTimeout这个问题：)顺便说一句，这是真的吗？
浏览 3提问于2017-06-11得票数 1
回答已采纳
我正在构建一个闪亮的应用程序，并利用DTedit库来允许用户在UI中内联编辑数据表。这工作得很好，但我想向表中添加一些额外的格式(使一些列显示为百分比，使其他列显示为美元金额)。这样做的问题是，DTedit函数的输出是一个呈现的输出对象(它希望直接传递给UI -我不能对它执行任何paste0或sapply操作)。
唯一的好处是，我可以在呈现输出之前将dataframe选项参数传递给DTEdit函数-这包括传递JS回调的能力。如下所示：
datatable(head(iris, 20), options = list(
initComplete = JS(
"function
浏览 14提问于2020-05-21得票数 0
回答已采纳
我想有自定义的百分比滴答在y轴在c3 js条形图中，其中百分比轴应该只显示0，25%，50%，75%和100%。
应该做些什么，使适当的缩放与自定义的刻度和标签一起工作。
我尝试更改c3 js条形图代码中的默认代码，之后我给出了value属性并设置了如下值:值:25、50、75、100。
但是，这些不是应该显示的，只显示了25%，但我怀疑实际的缩放是否有效。
var QosScoreChart = c3.generate({
bindto: '#qosScore',
data:
浏览 1提问于2016-05-06得票数 1
回答已采纳
当我处理重型模型时，我试图在加载JSON的同时动态显示加载百分比，所以我用做了一个粗略的测试……
下面的加载在加载过程中返回百分比，但永远不会到达回调函数。
是因为缺少声明，还是由于上下文参数错误，还是由于其他原因？我找不到关于这方面的文档。
var loader = new THREE.JSONLoader( true );
loader.loadAjaxJSON(
document, // < context ??
'try.js',
function ( geometry,
浏览 0提问于2013-05-08得票数 0
回答已采纳
Handsontable使用numeral.js格式化数字等。
如果数据类型设置为numeric，数据格式设置为0.00%，则handsontable (numeral)会以百分比格式很好地格式化它。例如，如果值为0.5，则会自动格式化为50%。
但是当用户尝试编辑该值时，他们看到的是0.5而不是50%。这是有道理的，除非Excel不是这样的，而且我的用户是Excel的重度用户(Excel显示实际的百分比数字)。有没有办法让它在编辑时显示"50“而不是0.5？我查看了numeral.js代码，找到了这个函数formatPercentage，它将数字乘以100，用%符号填充它，等等。可以
浏览 2提问于2015-01-19得票数 1
我有一个Ionic应用程序，使用google地图polyline从数据json获取飞行路线的纬度和经度。我想做自动重装数据，查看地图上的实时数据。我添加了set间隔来重新加载数据。数据是重新加载和控制台，但我有错误下面和没有显示在地图上的实时数据。
ERROR Error: Uncaught (in promise): Error: Can not find the element [#map_canvas]
Error: Can not find the element [#map_canvas]
at vendor.js:76400
at ZoneDelegate.push
浏览 1提问于2019-04-19得票数 0
回答已采纳
我在我的asp.net MVC3Web应用程序中使用Jqplot饼图，但问题是饼图中包含图表标签的小表显示时没有任何颜色。那么我该如何解决这个问题呢？提前感谢您的帮助。BR
编辑过的
谢谢你的回复，是的，我已经包含了这些文件，但仍然没有显示任何颜色。这是我的MVC3 asp.net web应用程序中的代码(饼图显示了两个值；喜欢测试的学生的百分比与没有提供任何评分的学生的百分比)。
<script src="../../Scripts/jqplot/jquery.jqplot.min.js" type="text/javascript"></s
浏览 7提问于2011-08-11得票数 1
jquery .css方法对此不起作用。有没有一个替代的方法来获得css表中的实际值，比如百分比……？下面是一个示例，它显示了.css在这方面不起作用:外部css：
margin-left: 10%;
Js代码：
var Marginleft = $(domElem).css('margin-left');
alert(Marginleft);
这将返回一个以像素为单位的值。我想得到百分比，有没有可能不以字符串的形式进入css？
浏览 1提问于2013-10-19得票数 4
2回答
我想知道如何使progress bar的颜色随着百分比的增加而改变。
我希望进度条显示红色(危险)，直到33%。然后把蓝色上升到66%，然后变成绿色，直到100%。这能用angular js来完成吗？
浏览 3提问于2014-04-04得票数 1
回答已采纳
我将jquery.flot.js (v1.1)用于图形和工具提示jquery.flot.tooltip.js (版本: 0.6.7)。
我想在叠加图中显示每个堆栈覆盖的百分比区域。我试过使用%p，但它不起作用，它在工具提示中返回"%p“。代码片段：
tooltip: true,
tooltipOpts: {
content: "%s : %y : %p.1%"
}
我的图表是-
有谁能帮我吗？
浏览 6提问于2014-03-26得票数 2
回答已采纳
我希望我的web应用程序的用户能看到一个进度条，显示当前加载必要的文件和脚本的进度。
最好显示百分比，但是简单的加载器gif是一个可以接受的解决方案。
如果可能的话，实现加载程序的最佳方法是什么，它可以显示完成加载图像的百分比、css和js的角度？
我正在考虑创建一个小型应用程序，其唯一目的是加载资源并指示进度，当所有脚本和资源完成后，启动某个回调到引导角(angular.bootstrap())。
我的猜测是，有一群聪明的家伙可以想出一个更好的解决方案，我希望并认为比我更多的人可以从一些好的建议中受益。
如果能够为加载程序校正指定一个估计的文件大小，也是很好的：
<script loa
浏览 4提问于2013-02-18得票数 3
1回答
我正在绘制饼图以显示我的数据。我现在可以用它来显示百分比。但我想做的是显示百分比和数字。
JS:
$(function() {
var data = [];
@if(count($data) > 0)
data = <?php echo json_encode($data)?>;
@endif
var options = {
series: {
pie: {
show: true
浏览 0提问于2015-07-20得票数 4
回答已采纳
2回答
如何显示进度条的百分比
、、、
因此，我试图在一个页面上显示每个条形图的百分比，下面是我的进度条的HTML：
<div class="col-md-5">
<p>Progress bar1</p>
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-Success" style="width: 50%;"></div>
</div>
<p>P
浏览 5提问于2022-06-10得票数 1
回答已采纳
我有一个响应式的网站，在移动设备中导航栏是粘性顶部，而在桌面上它不是粘性顶部。根据移动设备的高度，部分内容会隐藏在导航栏后面。我需要的内容要显示，而不是隐藏在导航栏后面。为此，我尝试通过计算高度margin-top: calc(100vh - 215px); (我的导航栏的高度为215px)来对内容应用margin-top。然而，这并不起作用。当我添加该margin-top时，内容会向下移动，这没有任何意义。(我正在使用Bootstrap 4)。
@media (max-width: 768px) {
body {
background-color: grey;
浏览 0提问于2020-11-16得票数 2
对于我的一个项目，我需要使用百分比面积(Highcharts js)来显示白天的数据，但我没有设法转换Highcharts给出的示例。
基本上，我希望这个()在x轴上有24小时的范围。
谁能举个例子？
浏览 1提问于2013-02-20得票数 1
回答已采纳
1回答
是否有一个函数将接受自定义的CSS文件，并将变量fheight和fwidth分别更改为来自screen.height和screen.width的输出？我正在尝试构建一个js显示表示，使用百分比来定位元素，并且我理解属性高度、顶部和底部只有在指定父元素的维度时才会接受百分比作为值。我不能使用Javascript函数screen.height和screen.width以外的任何东西来指定幻灯片的尺寸，因为我希望演示文稿能够处理任意大小的显示。是否有一个R、Javascript或其他语言函数，它将使用带有变量fheight和fwidth的自定义CSS文件作为输入，并返回一个CSS文件，并将这些变量替
浏览 2提问于2016-07-21得票数 0
回答已采纳
2回答
如果是94.5%的话，我想用整数来表示这个数字。但如果数字为10.0%、100.0%或40.0%，则仅显示40%的数字，而不使用.0
在JS中是数字(百分比).toFixed(1)；但是在LUA中它是怎样的。
有什么想法吗？
浏览 4提问于2021-05-16得票数 2
回答已采纳
我正在使用$.getScript(url)加载外部js。现在，在加载js之前，我希望显示百分比加载器(显示加载了多少js )。我该怎么做呢。
$(document).on('click', 'div#play', function(){
$(this).hide();
$('div#stop').css('display', 'block');
$('div#processing_load').show();
var url =
浏览 4提问于2014-01-22得票数 0
回答已采纳
1回答
将数字放入图形中
、、
如何在甜甜圈图形中输入数字？
我需要显示每个元素的百分比。我现在开始看图表JS，我能做到吗？
我想展示一下这些
var ctx = document.getElementById("myChart");
var myChart = new Chart(ctx, {
type: 'doughnut',
data: {
labels: [
"Red",
"Blue",
"Yellow"
],
datasets: [
浏览 0提问于2016-10-04得票数 0
是否可以自定义我的高图表的y轴，以便每个系列从100%开始，而不是默认情况下从0%开始？
下面是一个更好理解的例子：
以下是显示y轴中百分比的js代码：
plotOptions: {
series: {
compare: 'percent'
}
},
浏览 3提问于2016-07-01得票数 0
1回答
我需要更改浮动饼图例的显示方式，我需要它显示一个标签:图表的百分比。
js码
(function( $ ) {
'use strict';
(function() {
var plot = $.plot('#flotPie', flotPieData, {
series: {
pie: {
show: true,
combine: {
浏览 1提问于2020-05-04得票数 1
回答已采纳
我使用angularjs和角形谷歌图指令来制作PieChart。
这是一个在上运行的示例
A饼有真实的数据，但我想呈现类似B饼的东西，因为我有on元素('mnhn')，它拥有99%的数据，而其他元素在悬停时几乎是无法选择的。
这是一个饼行数据：
var rows =[
{"c":[{"v":"mnhn"},{"v":6311883}]},
{"c":[{"v":"um2"},{"v":36042}]},
{"c&#
浏览 5提问于2015-04-30得票数 0
回答已采纳
百分比份额用于在图表中描述部分与整体的关系。
观察在饼图系列数据标签中使用的point.percentage属性，以显示相对于整个图表的百分比份额：
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
format: '<b>{point.name}</b>: {point.percentage:.1f} %
浏览 3提问于2017-11-09得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
