JavaScript Stock Chart的数据分组功能（一）

最新推荐文章于 2022-08-02 16:11:03 发布

weixin_34247032

最新推荐文章于 2022-08-02 16:11:03 发布

阅读量210

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/1254919/blog/172615

版权

2019独角兽企业重金招聘Python工程师标准>>>

本文将为大家介绍金融图表工具JavaScript Stock Chart的数据分组功能，为了方便大家消化，可能会把这一个知识分成三个章节，有需要的朋友可以继续关注慧都控件网。大家可以先看看下图的示例。如图，所示红线，你可以发现，每一个数据点代表一月。而在金融图表中提供每一月数据，是必不可少的，因此，我们在使用JavaScript Stock Chart将一段时间的数据进行分组就非常有必要了。当然，我们不一定会以"月"来分，也可能是"天"、"周"、"年"或者其他。

如果我们要提供不同阶段的数据，应该用怎样的方式来完成呢？有的朋友会说，金融图表的显示最麻烦，制作肯定不简单。不过，我这里所介绍的JavaScript Stock Chart却可以自动完成分组任务，省时省事可不止一点点。分组功能是JavaScript Stock Chart中一个相当重要的功能。要了解他，我们就需要知道其运作原理，这里给朋友们列出了两个。

大多数情况下，一个比较长的时间段被选择，长时间段数据可以进行更多的操作，我们经常会在这样的情况下进行向下钻取操作。
JavaScript Stock Chart在数据点展示比较少的时候，工作相当快。

数据点的数量至关重要，数据可以被分成一个很长的时间段，而这个设置，是通过JavaScript Stock Chart maxSeries属性的CategoryAxesSettings来执行的：

var categoryAxesSettings = new AmCharts.CategoryAxesSettings();
categoryAxesSettings.maxSeries = 100;
chart.categoryAxesSettings = categoryAxesSettings;

maxSeries默认值为150，也就是说，当选项中有超过150个数据点的时候，图表会将数据划分到一个长的时间段。如果你不想图表这样分组，设置maxSeries为"0"即可。

转载于:https://my.oschina.net/u/1254919/blog/172615