amCharts时间图表：时间解析功能的强大优势（上）-控件新闻-慧都网

amCharts时间图表：时间解析功能的强大优势（上）

原创|对比评测|编辑：龚雪|2013-11-27 09:18:44.000|阅读 2801 次

概述：也许我说的不一定正确，但是我猜测至少一半的图表中都可能有"时间/日期"在其分类轴上。他们显示数值随时间变化情况。这也是为什么当我们选择图表库，我们会检查它是否能够解析时间并且对数据进行智能分析的原因。

相关链接：

也许我说的不一定正确，但是我猜测至少一半的图表中都可能有"时间/日期"在其分类轴上。他们显示数值随时间变化情况。这也是为什么当我们选择图表库，我们会检查它是否能够解析时间并且对数据进行智能分析的原因。

也许你会问，我为什么需要呢？一个简单的图表就可以将数据在坐标轴上展现出来，这已经足够了。没错，这已经足够了，如果你的数据点只有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";

提示：你可以使用所有时间格式。

下图为事件解析图表：

amCharts图表-时间解析

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

标签：

本站文章除注明转载外，均为本站原创或翻译。欢迎任何形式的转载，但请务必注明出处、不得修改原文相关链接，如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自：慧都控件网