javascript - 如何传递 Morris Donut 值中的字符串

Question

如何在数据数组值下传递莫里斯 donut 中的字符串。我有一个像这样的莫里斯 donut Donut 1这是我的代码。我想要这样的 donut 。 Donut 2

Morris.Donut({
  element: 'donut-example',
  data: [
    <?php foreach ($pay as $r_pay): ?>
      {label: 'Level Name: <?= $r_pay['level_id']; ?>',value: '<?=$r_pay['total']; ?>'},
    <?php endforeach; ?>
  ]
});

Answer 1

在Morris Documentation它表示除了 element 和 data 之外，还可以添加 formatter

will translate a y-value into a label for the centre of the donut.

这是一个例子:

Morris.Donut({
  element: 'donut-example',
    data: [
      {label: "Download Sales", value: 12},
      {label: "In-Store Sales", value: 30},
      {label: "Mail-Order Sales", value: 20}
    ],
  formatter: function (y, data) { return 'Due Amount: ' + y }
});

产生这个: