莫里斯折线图中 Y 轴的倒序

Question

是否可以倒序设置y轴值（0-100）？顶部的最大值必须从 0 开始到底部的 100。

Morris.Line({
     element: 'line-example',
     data: [
         { y: '2006', a: 100, b: 90 },
         { y: '2007', a: 75,  b: 65 },
         { y: '2008', a: 50,  b: 40 },
         { y: '2009', a: 75,  b: 65 },
         { y: '2010', a: 50,  b: 40 },
         { y: '2011', a: 75,  b: 65 },
         { y: '2012', a: 100, b: 90 }
     ],
     xkey: 'y',
     ykeys: ['a', 'b'],
     labels: ['Series A', 'Series B']
 });

Answer 1

我通过将 ymin 设置为 100 并将 ymax 设置为 0 使其工作。然后它绘制了我的折线图，其值在顶部最接近 0，在底部也最接近 100。这是我的代码片段。

config = 
{
    data: data,
    xkey: 'y',
    ymin: 100,
    ymax: 0,
    fillOpacity: 0.6,
    ....
}

您可以在此处查看说明：https://morrisjs.github.io/morris.js/lines.html

莫里斯折线图中 Y 轴的倒序

reverse order of Y axis in Morris line chart

morris.js