web-dev-qa-db-ja.com

Morrisjs値をパーセンテージ形式で表示します

Mysqlデータベースからデータを取得する学校プロジェクトのグラフをいくつか描いています。これが私がこれまでにしたことです：

ドーナツチャート

JSコード：

Morris.Donut({
    element: 'donut-quanti',
    data: [
    {label: "USE FACEBOOK", value: <?php echo $fb_yes;?> },
    {label: "DON'T USE FACEBOOK", value: <?php echo $fb_no;?>}
    ]
    });

棒グラフ

JSコード：

Morris.Bar({
        element: 'bars-status',
        data: [
        {x:'RARELY',a:<?php echo $fb_rar;?>},
        {x:'EV WEEK.',a:<?php echo $fb_ew;?>},
        {x:'EV DAY',a:<?php echo $fb_ed;?>},
        {x:'MULT. TIMES PER DAY',a:<?php echo $fb_mtd;?>}                   
        ],
        xkey:'x',
        ykeys:'a',
        labels:['TOTAL']
        });

数値を表示する方法はありますか（php変数$ fb_ *で表されます）javascriptコードからのパーセント形式で（phpで変数/合計* 100をエコーし​​ません）？

javascriptmorris.js
9
Aaron Ullal

ドーナツの場合、formatterパラメーターを使用する必要があります

formatter: function (value, data) { return (value/total *100) + '%'; }

参照： http://morrisjs.github.io/morris.js/donuts.html

バーの場合、ホバーコールバックを使用する必要があります

hoverCallback: function (index, options, content) {
  var row = options.data[index];
  //assumes you have already calculated the total of your own dataset
  return (value/total *100)+'%';
}

参照： http://morrisjs.github.io/morris.js/bars.html

19
chiliNUT