使用chart.js发出int数字问题

时间:2015-06-17 04:09:51

标签: javascript charts chart.js

所以,我正在探索这段代码:

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

我无法找到如何在总数中显示一个int数字。我想显示380而不是380.0

任何人都可以帮助我吗?

提前致谢。

2 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分: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));
}

请记住,总数将始终为整数,即使它总计为一个浮点数。