jquery - 动态 Morris.js 图形构建中的变量问题

Question

我正在尝试使用 Morris.js 和 Raphael.js 构建一个图表基本上我希望 JQuery 从我的页面中获取一个值，计算 100 与该值之间的差异并构建图表......</p>

我的html：

<div id="donut-example">81</div>

我的jQuery：

var perc = $('div#donut-example').text();
var perc2 = 100 - perc;
Morris.Donut({
element: 'donut-example',
data: [
{label: "Abbiamo raccolto il", value: perc},
{label: "Ci resta da raccogliere il", value: perc2},
],
colors: ['#D58025','#37619d']
});

请检查这个jsfiddle：http: //jsfiddle.net/HeNCQ/5/

基本上，如果我将 Morris.donut 函数中的值强制为数字，它会很好地工作并构建完整的甜甜圈图，但如果我将值放入变量中，则该图没有意义，因为这两个值很小。

Answer 1

您应该为值变量提供整数。因此，一个快速而肮脏的解决方法是将 perc 转换为整数：

perc = parseInt(perc);