最近接到个报表的需求，需要展示合并单元格的表格，并且还要支持导出excel。粗略一看，不就两个功能嘛，但是在实现的过程中发现其实要做的还是挺多的，所以在这里记录分享一下。

一、合并单元格的实现

需求：点击图例，则选中该项，将其他项置灰；再次点击，恢复选中所有选项

做法：监听下legendselectchanged事件，用一个变量来保存上次点击的图例的名字，

• 如果点击的图例名称和保存的一致，说明是再次点击，应该恢复所有选项，把所有图例都置为 true;
• 如果点击的图例名称和保存的不一致，说明点击了另外的图例，这是需要更新变量，并且把这次点击的图例的selected设置为true，其他的设置为false。

坑点：如果在legendselectchanged里调用 echarts 的 dispatchActions，会陷入循环调用，如果还是想调用 dispatchActions方法，可参考这篇文章。我就直接调用setOption了。

监听 legendselectchanged 事件代码如下：

Hello World 中文意思是『你好,世界』。因为《The C Programming Language》中使用它做为第一个演示程序，非常著名，所以后来的程序员在学习编程或进行设备调试时延续了这一习惯。 ——百度百科

我自己开始学写代码的时候，写的第一段代码也是Hello World, 所以我把它作为博客的第一篇文章。

控制台版本

1

console.log('Hello World')