超火爆的「动态数据可视化」使用配置详解，看这一篇就够了( 五 )

2019-10-06

// 图表左右上下间距。

left_margin: 200,

right_margin: 250,

top_margin: 200,

bottom_margin: 50,

// 时间标签坐标。

dateLabel_x: 1000,

dateLabel_y: 200,

关于参数，关键字段的配置就如上面所示，说起来也是比较简单的，但配置好了，代码是如何控制的呢，我就拿字段颜色这一个属性来看下visual.js是如何实现控制颜色展示的。

各字段颜色控制

逻辑处理visual.js-颜色控制

1. 通过config.js中的颜色绑定增长率，按照颜色增长率来控制每个字段的颜色。

2. 通过config.js中的第2点「排序字段和颜色，标题设置」静态控制每个字段的颜色。

推荐阅读

上一篇：不开玩笑，这才是斜杠青年拿手机的正确姿势

下一篇：马云国庆假期打卡网红博物馆刚现身就被瞬间包围