寒假学习日报13

动态排序柱状图是一种展示随时间变化的数据排名变化的图表，从 ECharts 5 开始内置支持。

 

动态排序柱状图通常是横向的柱条，如果想要采用纵向的柱条，只要把本教程中的 X 轴和 Y 轴相反设置即可。

 

yAxis.realtimeSort 设为 true，表示开启 Y 轴的动态排序效果

yAxis.inverse 设为 true，表示 Y 轴从下往上是从小到大的排列

yAxis.animationDuration 建议设为 300，表示第一次柱条排序动画的时长

yAxis.animationDurationUpdate 建议设为 300，表示第一次后柱条排序动画的时长

如果想只显示前 n 名，将 yAxis.max 设为 n - 1，否则显示所有柱条

xAxis.max 建议设为 'dataMax' 表示用数据的最大值作为 X 轴最大值，视觉效果更好

如果想要实时改变标签，需要将 series.label.valueAnimation 设为 true

animationDuration 设为 0，表示第一份数据不需要从 0 开始动画（如果希望从 0 开始则设为和 animationDurationUpdate 相同的值）

animationDurationUpdate 建议设为 3000 表示每次更新动画时长，这一数值应与调用 setOption 改变数据的频率相同

以 animationDurationUpdate 的频率调用 setInterval，更新数据值，显示下一个时间点对应的柱条排序