JavaScript图表时间解析功能分析（1）

也许我说的不必定正确，可是我猜想至少一半的图表中均可能有"时间/日期"在其分类轴上。他们显示数值随时间变化状况。这也是为何当咱们选择图表库，咱们会检查它是否可以解析时间而且对数据进行智能分析的缘由。

也许你会问，我为何须要呢？一个简单的图表就能够将数据在坐标轴上展示出来，这已经足够了。没错，这已经足够了，若是你的数据点只有10个、20个，甚至是30个。可是，若是更多呢？若是咱们要处理一年的数据——365个数据点。

如今咱们就是用通常的图表处理一年里的数据。

首先检查数据中的数据点有多少，因为坐标轴没办法将365个点都显示完，因此会自动作出以下调整。

正如你看到的那样，你并不能从这张图表中看出什么信息。咱们须要图表对时间进行智能解析，如今咱们使用amCharts JavaSctipt图表来处理，看看又会获得怎样的结果。

在amCharts图表库，有许多日期/时间图表。你须要作的就是使用CategoryAxis解析时间以及设置最小时间：

var categoryAxis = chart.categoryAxis;
categoryAxis.parseDates = true;
categoryAxis.minPeriod = "DD";

若是时间是小时，minPeriod将是"hh"；若是时间是月份，minPeriod将是"MM"。最后，设置图表格式：

chart.dataDateFormat = "YYYY-MM-DD";

提示：你可使用全部时间格式。

下图为事件解析图表：

上面的图表将网格线设置在每个月开始的时候，并且在2014开始用黑色粗体显示，使用不一样日期格式，和第一张图表对比，我想孰优孰劣，不言而喻。