Morris.js距离而不是年

Question

我对morris.js有点新鲜，最后得到了一些有用的东西，除了我没有得到如何改变价值观。图表的底部是年份，但我想做距离（让我们说KM或/ Miles）和左侧分钟。

实施例：

有谁知道如何让这个工作？

我正在使用以下代码：

<script>

    Morris.Area({
      element: 'pace',
      data: [
        { distance: '1km', value: 4.30 },
        { distance: '2km', value: 4.35 },
        { distance: '3km', value: 4.21 },
        { distance: '4km', value: 4.30 },
        { distance: '5km', value: 4.35 },
        { distance: '6km', value: 4.35 },
        { distance: '7km', value: 4.30 },
        { distance: '8km', value: 4.40 },
        { distance: '9km', value: 4.34 },
        { distance: '10km', value: 4.32 },
        { distance: '11km', value: 4.20 },
        { distance: '12km', value: 4.19 }       

      ],
      xkey: 'distance',
      // A list of names of data record attributes that contain y-values.
      ykeys: ['value'],
      labels: ['Value'],
      lineColors: ['#c20101'],
      fillOpacity: 0.1,  
      pointFillColors: ['#9e0206']
    });


</script>

Answer 1

根据https://morrisjs.github.io/morris.js/lines.html，如果您按照以下方式设置配置，它应该有效：

parseTime: false,
xLabelFormat: function(x) { return x.label + ' km' }

希望有所帮助