隐藏ykeys但在morris js上显示标签

Question

你可以帮我解决这个问题吗？我在morris js中有这个图形，其中我显示了2个变量，我需要的是生成一个总和的标签而不用它来绘制。

  Morris.Bar({
    element: 'bar-example2',
    data: [     
 { y: '2018-05-21', a: 0, b: 8472, c: 8472 },          
 { y: '2018-05-20', a: 0,  b: 8391, c: 20 },         
 { y: '2018-05-19', a: 0,  b: 9031, c: 9031 },          
 { y: '2018-05-18', a: 0,  b: 8974, c: 8974 },          
 { y: '2018-05-17', a: 360,  b: 9095, c: 9455 },         
 { y: '2018-05-16', a: 0,  b: 10017, c: 10017 },
 { y: '2018-05-15', a: 0, b: 9576, c: 9576 }

    ],
    xkey: 'y',
    ykeys: ['a','b','c'],
    labels: ['Mot1', 'Mot2', 'Total'],
    stacked: true
    });

我有这个

我想要这个

Answer 1

您可以尝试在选项中使用函数hoverCallback来自定义其内容。以下代码应该完成这项工作：

  hoverCallback: function (index, options, content, row) {
    console.log(row);
    return 'Your value is: '+parseFloat(row.a+row.b);
  },

您可以在此处查看帮助：http://morrisjs.github.io/morris.js/bars.html