Morris js以百分比格式显示值

Question

我正在为一个从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']
        });

有没有办法从javascript代码显示数值(由PHP变量$ fb_*提出) IN PERCENTAGE FORMAT (不回显php中的变量/总*100)？

Answer 1

对于甜甜圈,您需要使用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