如何将此百分比转换为带小数位数的整数
How to this percentage to a whole number with decimal places
大家好,我有脚本代码,它可以完美地工作,并显示饼图百分比。百分比显示小数点后15位,我希望它成为一个整数。这是我的密码。谢谢你的帮助。
<script type="text/javascript">
$(document).ready(function() {
var options = {
chart: {
renderTo: 'container',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Total Number of Patients Per Month'
},
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
}
}
}
},
series: [{
type: 'pie',
name: 'Browser share',
data: []
}]
}
$.getJSON("data.php", function(json) {
options.series[0].data = json;
chart = new Highcharts.Chart(options);
});
});
</script>
图表显示有15位小数,如15.123456789123456%。
Math.round(15.123456789123456)
15
Math.floor(15.123456789123456)
15
Math.ceil(15.123456789123456)
16
用此替换15.123456789123456。百分比
使用
Math.floor()
javascript函数。当添加百分比文本时,您应该更新代码,因此:
<script type="text/javascript">
$(document).ready(function() {
var options = {
chart: {
renderTo: 'container',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: 'Total Number of Patients Per Month'
},
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ Math.floor(this.percentage) +' %';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ Math.floor(this.percentage) +' %';
}
}
}
},
series: [{
type: 'pie',
name: 'Browser share',
data: []
}]
}
$.getJSON("data.php", function(json) {
options.series[0].data = json;
chart = new Highcharts.Chart(options);
});
});
</script>
parseInt( this.percentage )
这将只给出整数部分,虽然与您的需求无关,但也适用于负数。
使用Math.floor(value(怎么样
Html
<p>
<input type="text" id="source" value="15.123456789123456789">
<input type="text" id="target" value="">
</p>
<input type="submit" id="floorIt" value="To Integer">
JS
$(document).ready(function () {
$("#floorIt").click(function (e) {
var sourceValue = $("#source").val();
var targetValue = Math.floor(sourceValue);
$("#target").val(targetValue);
});
});
看看这个Fiddle
例如,要将数字四舍五入到2位小数,可以使用以下内容:
this.percentage = Math.round(this.percentage * 100) / 100;
当我们在JavaScript函数中时,Number.prototype.toFixed()
如何
return '<b>'+ this.point.name +'</b>: '+ this.percentage.toFixed(0) +' %';
点击此处阅读:MDN链接
请参阅此处的示例:Codepen
相关文章:
- 使用javascript查找小数前的整数(不包括特殊字符)
- 使用 Javascript 将小数更改为整数
- Javascript - 用小数替换整数
- 整数到最接近的 .5 小数
- 显示小数两位数,除非是整数
- 在Javascript中,有没有一种方法可以区分整数和非常接近的小数
- Javascript验证只允许正整数和负整数..没有小数
- 用于整数和小数(货币)的javascript正则表达式
- 如何检查整数是否能被小数整除
- 强制传单地图只使用整数缩放级别(不使用小数级别)
- 在javascript中,将整数转换为小数部分的最有效方法是什么?
- Regexp用于检查输入是否仅为整数(int),以及检查另一个输入是否仅为带有2位小数的数字
- 如何将此百分比转换为带小数位数的整数
- 需要目前的整数与2个小数(5.00)在javascript
- 如何在图表API x/y轴标签中仅显示整数(没有小数)
- 两个整数,三个小数的正则表达式(XX.XXX)
- 正则表达式只允许整数和小数,不需要精度
- 为什么javascript接受小数作为整数
- 在Javascript中四舍五入到最接近的可被小数整除的整数
- 如何检查字符串是否为正整数,允许0和全0小数