跨平台图表控件AnyChart快速入门教程（十）：数据处理

AnyChart是基于JavaScript (HTML5) 的图表控件。使用AnyChart控件，可创建跨浏览器和跨平台的交互式图表和仪表。AnyChart 图表目前已被很多知名大公司所使用，可用于仪表盘、 表、数据分析、统计学、金融等领域。重要推荐：AnyChart已加入在线订购，超值特惠限时抢购！咨询详情>>

AnyChart现已更新至最新版本8.7.0，九大数据可视化新功能上线，改进了功能并修复了一些bug。新版本，新功能，赶快下载体验吧~（点击查看更新详情）

AnyChart最新试用版

总览

AnyChart html5图表库使您能够实时创建，读取，更新和删除图表，而无需完全重新加载和重画-我们的图表可以快速灵活地更改。

您可以使用一些易于使用的Java Script方法解决以下任务：

• 数据流-您可以将一些新数据添加到数据集的末尾，同时可以选择从其开头删除一些数据。

• 添加-您可以将一个或多个点添加到数据集的末尾。

• 元添加-您可以向图表添加一些元数据。

• 更新-您可以更改现有点的值。

• 删除-您可以从数据集中删除任何点。

• 插入-您可以在现有点之间添加一个或几个点。

Add

AnyChart允许在显示图表后随时对其进行调整。要将元素添加到数据集中，请使用append（）方法。这是示例：

data.append({x: 'P6', value: 20});

按钮的外观就是这样，它在单击时增加了一个点。

请注意，在自动添加点的情况下，必须将其作为函数来完成：

function addPoint() {  // first index for new point  newIndex = (data.mapAs().getRowsCount())+1;  // append data  dataSet.append({    // x value    x: 'P' + indexSetter,    // random value from 1 to 100    value : Math.floor((Math.random() * 100)+ 1)  });}

注意： Append方法仅有助于在数据集的末尾添加信息。要将信息添加到任何位置，请参见下面的.insert（）方法部分。

标签：