Javascript Morris.js距离而不是年

我对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>

莫里斯地区({
元素：“速度”，
数据：[
{距离：'1km'，值：4.30}，
{距离：'2km'，值：4.35}，
{距离：'3km'，值：4.21}，
{距离：'4km'，值：4.30}，
{距离：'5km'，值：4.35}，
{距离：'6km'，值：4.35}，
{距离：'7km'，值：4.30}，
{距离：'8km'，值：4.40}，
{距离：'9km'，值：4.34}，
{距离：'10km'，值：4.32}，
{距离：'11km'，值：4.20}，
{距离：'12km'，值：4.19}
],
xkey:'距离'，
//包含y值的数据记录属性的名称列表。
ykeys:['value']，
标签：['Value']，
线条颜色：['#c20101']，
填充不透明度：0.1，
点填充颜色：['#9e0206']
});

根据，如果您将配置设置为如下所示，则应能正常工作：

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

---

希望有帮助

你能发布一个示例演示你所拥有的并告诉你想要改变什么吗？我认为你的问题与此非常接近：[code]parseTime:false[/code]有帮助，但不能将“KM”放在距离后面。这会导致：[object]KM。差不多了！：）xLabelFormat不仅仅适用于折线图。参考bug@rwzdoorn，我已经编辑了我的答案以获得对象的标签。它应该会起作用。