Morris.js 距离而不是年

Question

我是 morris.js 的新手，虽然我不知道如何更改值，但终于可以使用一些东西了。在图表的底部是年份，但我想做距离（比方说公里/或英里）和左侧分钟。

示例：

有人知道如何让它工作吗？

我正在使用以下代码：

<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' }

希望对您有所帮助

Morris.js 距离而不是年

Morris.js distance instead of years

javascript

morris.js