AnyChart图表控件使用指南(四)

AnyChart是基于XML数据输入,但是仍然可以使用JavaScrpit函数对图表进行数据操作,创建交互式的图表应用程序。AnyChart提供了很多JavaScrpit函数可进行添加、修改、删除数据点以及数据序列,进行数据点和数据序列高亮显示,选择和取消选择数据点和数据序列,使用这些函数就可以对图表进行运行时编辑。

关于产品的详细介绍和更多使用方法请查看>>

1.    用于数据序列的函数,见下表

方法

参数

描述

AddSeries(seriesNode1, ...)

seriesNode1: String
seriesNode2: String
...

该方法用于添加数据序列,其中seriesNode1seriesNode2等是数据序列的数据点

RemoveSeries(seriesId)

seriesId: String

该方法用于根据数据序列ID删除某一条数据序列

AddSeriesAt(index, seriesNode):void

index: Number
seriesNode: String

该方法用于在指定的索引位置添加数据序列

UpdateSeries(seriesId, seriesNode):void

seriesId: String
seriesNode: String

根据数据序列ID更新数据序列数据点

ShowSeries(seriesId, isVisible)

seriesId: String
isVisible: Boolean

根据数据序列ID显示或隐藏数据序列

这些函数的具体使用,请查看在线事例

2.    关于操作数据点的函数,请查看下表:

方法

参数

描述

AddPoint(seriesId, pointNode, ...)

seriesId: String
pointNode1: String
pointNode2: String
...

为指定的数据序列添加数据点

RemovePoint(seriesId, pointId):void

seriesId: String
pointId: String

删除指定数据序列的某个数据点

AddPointAt(seriesId, index, pointNode)

seriesId: String
index: Number
pointNode: String

添加数据点到数据序列的指定位置

UpdatePoint(seriesId, pointId, pointNode)

seriesId: String
pointId: String
pointNode: String

改变某个数据点的值

UpdatePointWithAnymation(seriesId, pointId, newValue,animationSettings)

seriesId: String
pointId: String
newValue: Object
animationSettings: Object

改变某个数据点的值,附带动画效果



















   添加、删除、更新数据点请查看在线事例

   动画更新数据点,请查看在线事例


3.    高亮、选择和取消选择函数,请查看下表:

方法

参数

描述

HighlightSeries(seriesId, highlighted)

seriesId: String
highlighted: Boolean

对某条数据序列高亮或者取消高亮显示

HighlightPoint(seriesId, pointId, highlighted)

seriesId: String
pointId: String
highligthed: Boolean

对某个数据点高亮或者取消高亮显示

HighlightCategory(categoryName, highlighted)

categoryName: String
highlighted: Boolean

对某类数据序列高亮或者取消高亮显示

SelectPoint(seriesId, pointId, selected)

seriesId: String
pointId: String
selected: Boolean

选择或者取消选择数据点

具体用法,请查看在线事例

4.    控件还提供了Refresh()函数,在任何时候使用上面提到的函数改变图表序列或者数据点时,最后一定要使用Refresh()函数来使改变生效。

5.    AnyChart还提供了许多交互功能,我们在以后还会逐步介绍,如项目中需要该控件您可以下载试用版测试。

你可能感兴趣的:(chart)