使用图表.js的整数问题

Issue with int numbers using chart.js

本文关键字：整数 问题 js 用图表      更新时间：2023-09-26

所以，我正在探索这段代码：

http://jsfiddle.net/UNs9J/5611/

$(function(){
 $("#doughnutChart").drawDoughnutChart([
    { title: "Tokyo",         value : 120,  color: "#2C3E50" },
    { title: "San Francisco", value:  80,   color: "#FC4349" },
    { title: "New York",      value:  70,   color: "#6DBCDB" },
    { title: "London",        value : 50,   color: "#F7E248" },
    { title: "Sydney",        value : 40,   color: "#D7DADB" },
    { title: "Berlin",        value : 20,   color: "#FFF" }
  ]);
});

而且我找不到如何在总数中显示整数。我想显示 380 而不是 380.0

谁能帮我？

提前谢谢。

在 jsfiddle 的第 216 行将 toFixed 参数更改为 0

.text((segmentTotal * animationDecimal).toFixed(0));

显然没有开箱即用的更改选项。您必须更改源。

只需更改：

function drawDoughnutText(animationDecimal, segmentTotal) {
   $summaryNumber
      .css({opacity: animationDecimal})
      .text((segmentTotal * animationDecimal).toFixed(1));
}

自

function drawDoughnutText(animationDecimal, segmentTotal) {
   $summaryNumber
      .css({opacity: animationDecimal})
      .text((segmentTotal * animationDecimal).toFixed(0));
}

请记住，总数将始终是一个整数，即使它的总和为浮点数。

相关文章：