Question

我将morris.js库用于图表。

现在我需要在一个图表上显示日期和价格，所以我写道：

Morris.Area({
    element: 'line-example',
    data: [
        {
            period: 2016-11-22 16:36:16,
            price: 22        
        },
        {
            period: 2016-11-06 16:36:16,
            price: 61         
        },
        {
            period: 2016-10-31 16:36:16,
            price: 49
        },
        {
            period: 2016-11-08 11:16:53,
            price: 131
        },
        {
            period: 2016-11-10 13:52:10,
            price: 85        
        },
        {
            period: 2016-11-14 12:16:15,
            price: 72
        },
        {
            period: 2016-11-17 14:36:34,
            price: 206    
        },                  
    ],
    lineColors: ['#a5d9c7'],
    xkey: 'period',
    ykeys: ['price'],
    labels: ['Day'],
    xLabels: 'day',
    pointSize: 0,
    lineWidth: 0,
    fillOpacity: 1,
    resize: true,
    behaveLikeLine: true,
    gridLineColor: '#e0e0e0',
    hideHover: 'auto'    
});

http://jsbin.com/sedusigamo/1/edit?html,js,output

为什么我的代码无法运行？这可能是个问题？我在文档中读到，日期可以是我的代码中的格式。

Answer 1

文档说：

时间戳以<div> <h3 id='title'>Hello</h3> <div id='list'> <p>hello</p> </div> </div>的形式接受（由Date.getTime（）返回，或以millisecond timestamps格式接受以下格式：

它表示为strings或strings。您的日期为timestamps，而不是strings，因此您需要为timestamps数据添加引号"，如下所示：

period

http://jsbin.com/wabizokefi/1/edit?html,js,output

莫里斯图表与日期问题

1 个答案: