Vue Canvas如何实现长尾词瀑布图数据实时自上而下滚动更新？

本文共计1439个文字，预计阅读时间需要6分钟。

不多说，先上一张Demo图，展示实现的功能：左侧图例、右侧热力图、鼠标移入弹出当前坐标对应的数据信息（优化空间大，可自由发挥）。图例使用的插件+推荐使用安装的插件。

话不多说了，先上一张Demo图，实现的功能有：左侧图例、右侧瀑布图、鼠标移入弹出当前坐标对应的数据信息（有优化的空间，大家自由发挥）。

图例使用到的插件

这里推荐使用安装npm插件colormap

瀑布图主体内容

这里不多做解释了，都是一些原生标签还有vue绑定的事件，可以根据实际项目情况自己封装成组件，我这里是写在一起的。