使用 chart.js 的整数问题

Question

所以，我正在研究这段代码：

$(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

谁能帮帮我？

提前致谢。

Answer 1

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

只需更改：

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));
}

请记住，总数将始终是一个整数，即使它加起来是一个浮点数。

Answer 2

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

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

使用 chart.js 的整数问题

Issue with int numbers using chart.js

javascript

charts

chart.js