Amchart类轴中的时间戳显示为未定义

我试图在amchart类轴上显示时间戳，但在图表中显示为undefined。以下是图表代码：Amchart类轴中的时间戳显示为未定义

var chart = AmCharts.makeChart("chartdiv", { 
    "type": "serial", 
    "theme": "light", 
    "marginTop":0, 
    "marginRight": 80, 
    "dataProvider": [{ 
    "date": 1492664639000, 
    "value": 10 
}, { 
    "date": 1492664646000, 
    "value": 20 
}, { 
    "date": 1492664653000, 
    "value": 20 
}, { 
    "date": 1492664660000, 
    "value": 23 
}, { 
    "date": 1492664667000, 
    "value": 35 
}, { 
    "date": 1492664674000, 
    "value": 26 
}, { 
    "date": 1492664681000, 
    "value": 30 
}], 
    "valueAxes": [{ 
     "axisAlpha": 0, 
     "position": "left" 
    }], 
    "graphs": [{ 
     "id":"g1", 
     "balloonText": "[[category]]<br><b><span style='font-size:14px;'>[[value]]</span></b>", 
     "bullet": "round", 
     "bulletSize": 8, 
     "lineColor": "#d1655d", 
     "lineThickness": 2, 
     "negativeLineColor": "#637bb6", 
     "type": "smoothedLine", 
     "valueField": "value" 
    }], 
    "chartScrollbar": { 
     "graph":"g1", 
     "gridAlpha":0, 
     "color":"#888888", 
     "scrollbarHeight":55, 
     "backgroundAlpha":0, 
     "selectedBackgroundAlpha":0.1, 
     "selectedBackgroundColor":"#888888", 
     "graphFillAlpha":0, 
     "autoGridCount":true, 
     "selectedGraphFillAlpha":0, 
     "graphLineAlpha":0.2, 
     "graphLineColor":"#c2c2c2", 
     "selectedGraphLineColor":"#888888", 
     "selectedGraphLineAlpha":1 

    }, 
    "chartCursor": { 
     "categoryBalloonDateFormat": "fff", 
     "cursorAlpha": 0, 
     "valueLineEnabled":true, 
     "valueLineBalloonEnabled":true, 
     "valueLineAlpha":0.5, 
     "fullWidth":true 
    }, 
    "dataDateFormat": "YYYY-MM-DD HH:NN:SS", 
    "categoryField": "timestamp", 
        "categoryAxis": { 
         "minPeriod": "fff" 
        } 
});

这是DEMO。

来源

2017-04-20 iJade

您使用错误的钥匙作为参考。尝试这个。（演示这里：https://codepen.io/anon/pen/ZKQPJL）

var chart = AmCharts.makeChart("chartdiv", { 
 
    "type": "serial", 
 
    "theme": "light", 
 
    "marginTop":0, 
 
    "marginRight": 80, 
 
    "dataProvider": [{ 
 
    "timestamp": 1492664639000, 
 
    "value": 10 
 
}, { 
 
    "timestamp": 1492664646000, 
 
    "value": 20 
 
}, { 
 
    "timestamp": 1492664653000, 
 
    "value": 20 
 
}, { 
 
    "timestamp": 1492664660000, 
 
    "value": 23 
 
}, { 
 
    "timestamp": 1492664667000, 
 
    "value": 35 
 
}, { 
 
    "timestamp": 1492664674000, 
 
    "value": 26 
 
}, { 
 
    "timestamp": 1492664681000, 
 
    "value": 30 
 
}], 
 
    "valueAxes": [{ 
 
     "axisAlpha": 0, 
 
     "position": "left" 
 
    }], 
 
    "graphs": [{ 
 
     "id":"g1", 
 
     "balloonText": "[[timestamp]]<br><b><span style='font-size:14px;'>[[value]]</span></b>", 
 
     "bullet": "round", 
 
     "bulletSize": 8, 
 
     "lineColor": "#d1655d", 
 
     "lineThickness": 2, 
 
     "negativeLineColor": "#637bb6", 
 
     "type": "smoothedLine", 
 
     "valueField": "value" 
 
    }], 
 
    "chartScrollbar": { 
 
     "graph":"g1", 
 
     "gridAlpha":0, 
 
     "color":"#888888", 
 
     "scrollbarHeight":55, 
 
     "backgroundAlpha":0, 
 
     "selectedBackgroundAlpha":0.1, 
 
     "selectedBackgroundColor":"#888888", 
 
     "graphFillAlpha":0, 
 
     "autoGridCount":true, 
 
     "selectedGraphFillAlpha":0, 
 
     "graphLineAlpha":0.2, 
 
     "graphLineColor":"#c2c2c2", 
 
     "selectedGraphLineColor":"#888888", 
 
     "selectedGraphLineAlpha":1 
 
    }, 
 
    "chartCursor": { 
 
     "categoryBalloonDateFormat": "fff", 
 
     "cursorAlpha": 0, 
 
     "valueLineEnabled":true, 
 
     "valueLineBalloonEnabled":true, 
 
     "valueLineAlpha":0.5, 
 
     "fullWidth":true 
 
    }, 
 
    "dataDateFormat": "YYYY-MM-DD HH:NN:SS", 
 
    "categoryField": "timestamp", 
 
\t "categoryAxis": { 
 
\t  "minPeriod": "fff" 
 
\t } 
 
});

来源

2017-04-20 05:27:16 Wei

Thnks的作品。它在X轴上显示时间戳。有没有办法在X轴上格式化时间戳？ – iJade

您推荐给日期对象不是数字，并更改您需要的格式我认为，这里：https://codepen.io/anon/pen/gWPEoJ – Wei

您必须设置['parseDates']（http：// docs .amcharts.com/3/javascriptcharts/CategoryAxis＃parseDates）在您的categoryAxis中设置为true，以便图表将您的时间戳解释为日期。这是一个更新的[demo]（https://codepen.io/team/amcharts/pen/0c6177e5b1edfa5108bcf2f28b631598/）。如果要进一步修改标签，可以修改categoryAxis'['dateFormats'数组]（http://docs.amcharts.com/3/javascriptcharts/CategoryAxis#dateFormats）。有一篇文章详细介绍了这里（https://www.amcharts.com/kbase/time-series-chart-the-great-advantages-of-parsing-dates/）。 – xorspark

Amchart类轴中的时间戳显示为未定义

回答

相关问题