AnyChart是基于XML数据输入,但是仍然可以使用JavaScrpit函数对图表进行数据操作,创建交互式的图表应用程序。AnyChart提供了很多JavaScrpit函数可进行添加、修改、删除数据点以及数据序列,进行数据点和数据序列高亮显示,选择和取消选择数据点和数据序列,使用这些函数就可以对图表进行运行时编辑。
1. 用于数据序列的函数,见下表
方法 |
参数 |
描述 |
AddSeries(seriesNode1, ...) |
seriesNode1: String |
该方法用于添加数据序列,其中seriesNode1和seriesNode2等是数据序列的数据点 |
RemoveSeries(seriesId) |
seriesId: String |
该方法用于根据数据序列ID删除某一条数据序列 |
AddSeriesAt(index, seriesNode):void |
index: Number |
该方法用于在指定的索引位置添加数据序列 |
UpdateSeries(seriesId, seriesNode):void |
seriesId: String |
根据数据序列ID更新数据序列数据点 |
ShowSeries(seriesId, isVisible) |
seriesId: String |
根据数据序列ID显示或隐藏数据序列 |
这些函数的具体使用,请查看在线事例
2. 关于操作数据点的函数,请查看下表:
方法 |
参数 |
描述 |
AddPoint(seriesId, pointNode, ...) |
seriesId: String |
为指定的数据序列添加数据点 |
RemovePoint(seriesId, pointId):void |
seriesId: String |
删除指定数据序列的某个数据点 |
AddPointAt(seriesId, index, pointNode) |
seriesId: String |
添加数据点到数据序列的指定位置 |
UpdatePoint(seriesId, pointId, pointNode) |
seriesId: String |
改变某个数据点的值 |
UpdatePointWithAnymation(seriesId, pointId, newValue,animationSettings) |
seriesId: String |
改变某个数据点的值,附带动画效果 |
添加、删除、更新数据点请查看在线事例
动画更新数据点,请查看在线事例
3. 高亮、选择和取消选择函数,请查看下表:
方法 |
参数 |
描述 |
HighlightSeries(seriesId, highlighted) |
seriesId: String |
对某条数据序列高亮或者取消高亮显示 |
HighlightPoint(seriesId, pointId, highlighted) |
seriesId: String |
对某个数据点高亮或者取消高亮显示 |
HighlightCategory(categoryName, highlighted) |
categoryName: String |
对某类数据序列高亮或者取消高亮显示 |
SelectPoint(seriesId, pointId, selected) |
seriesId: String |
选择或者取消选择数据点 |
具体用法,请查看在线事例
4. 控件还提供了Refresh()函数,在任何时候使用上面提到的函数改变图表序列或者数据点时,最后一定要使用Refresh()函数来使改变生效。
5. AnyChart还提供了许多交互功能,我们在以后还会逐步介绍,如项目中需要该控件您可以下载试用版测试。