zoukankan      html  css  js  c++  java
  • 寒假学习日报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,更新数据值,显示下一个时间点对应的柱条排序

  • 相关阅读:
    51Nod 1085 背包问题 (01背包)
    Hdu2602 Bone Collector (01背包)
    Hdu1241 Oil Deposits (DFS)
    问题 1462: [蓝桥杯][基础练习VIP]Huffuman树
    结果填空:最强团队
    算法提高 排列数 (全排列)
    和 (DFS)
    洛谷P1605 迷宫 (DFS)
    Poj1979 Red and Black (DFS)
    Poj2386 Lake Counting (DFS)
  • 原文地址:https://www.cnblogs.com/hhw12345/p/14908788.html
Copyright © 2011-2022 走看看