Morris.js と Raphael.js を使用してグラフを作成しようとしています。基本的には、JQuery でページ内の a から値を取得し、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 関数の値を数値として強制すると、美しく機能し、完全なドーナツ グラフが作成されますが、値を変数に入れると、2 つの値が小さいため、グラフが意味をなさないだけです。