Echarts 3渐变色柱状图

柱状图的渐变效果挺抓眼球的，barEcharts-3.html这份代码就专门讲了这个。用的是Echarts，上手简单，样式还蛮炫的，适合做数据看板或者产品后台那种要“看起来高级点”的场景。

渐变色是用color配置项里加type: 'linear'搞定的，从上到下、从左到右都能自定义，配合offset还能控制过渡范围。代码结构清晰，改起来也方便，想换个颜色风格也就几行事。

除了基本的柱状图，还讲了hover 高亮、图例切换这些交互，响应也快，兼容性也不错。你要是之前没接触过渐变色的配置，建议先看看这个jQuery 插件 Echarts 实现的渐变色柱状图，里面讲得比较细。

柱状图本身怎么用？可以翻翻这篇echarts 柱状图，基础概念比较全，搭配着barEcharts-3.html一起用，效果更好。

如果你要快速搭个页面展示一些对比数据，或者给老板整点能看出趋势的东西，这份代码就挺合适的。别忘了自己把颜色调调，做点定制化的东西，看起来会更“你写的”。