Question

我有这个JSON数据（chartData）：

[{＆＃34; date＆＃34;：＆＃34; 2017-01-24 12：00：00＆＃34;，＆＃34; op＆＃34;：＆＃34; 678.283＆＃34; }，{＆＃34;日期＆＃34;：＆＃34; 2017年1月24日
13：00：00＆＃34;＆＃34; OP＆＃34;：＆＃34; 616.854＆＃34;}，{＆＃34;日期＆＃34;：＆＃34; 2017年1月24日 14：00：00＆＃34;＆＃34; OP＆＃34;：＆＃34; 611.969＆＃34;}，{＆＃34;日期＆＃34;：＆＃34; 2017年1月24日 15：00：00＆＃34;＆＃34; OP＆＃34;：＆＃34; 602.912＆＃34;}，...

并按以下代码显示：

AmCharts.makeChart( "chartdiv", {
"type": "serial",
"dataProvider": chartData,
"categoryField": "date",
"dataDateFormat": "YYYY-MM-DD JJ:NN:SS",
"categoryAxis": {
    "parseDates": true,
    "labelRotation": 60,               
},
"graphs": [ {
"valueField": "op"              
} ]
} );

我创建了符合https://www.amcharts.com/kbase/formatting-dates/的格式。图表正确分析了几天，但不能在一天内分隔项目，因此它们显示为一条垂直线，请参阅 resulting plot任何人都可以帮忙吗？

Answer 1

您需要设置minPeriod，表示每个点之间的最短时间间隔。默认minPeriod是每天（"DD"），因此您需要针对您的数据进行调整，这似乎是您的样本数据中的每小时（"hh"）。

AmCharts.makeChart( "chartdiv", {
  // ..
  "categoryAxis": {
    "parseDates": true,
    "minPeriod": "hh",
    "labelRotation": 60         
  },
  // ..
} );

Demo

Amcharts无法从mysql正确解析日期时间

1 个答案: