Echarts词云图的使用&Echarts词云图为指定词设置超链接(跳转)

Echarts词云图的使用&Echarts词云图为指定词设置超链接(跳转)

---

对于echarts词云图使用详细讲解，以及实现echarts词云图词条的点击跳转

前言

最近在做一个项目，了解到echarts统计图标等功能的强大和美观，并且还用到了Echarts拓展的词云图，也在学习和使用过程中遇到了许多问题，在这里分享大家经验，希望帮助到需要的你。

---

一、Echarts词云图下载和配置

其实说配置谈不上，这里先给大家贴上Echarts的官网地址Echarts官网
下载Echarts词云图相关文件，具体步骤如下：

1.首先在这里点击拓展下载

2.这里就能看到Echarts词云图（字符云）【这里感谢贡献者】，点击

3.点击后会跳转到GitHub，下载就好

这里要说一下，Echarts上没有关于词云图的相关使用文档，这里下载的是提供者自己的案例和模板要想使用echarts词云图，简单来说，除了使用Echarts必备的echarts.js，再就是需要echarts-wordcloud.min.js放到自己的js文件目录下即可【我已经将这两个js文件上传到我的资源中，有需要的可以自行下载】

二、使用Echarts词云图

1.代码结构

代码结构如下（示例）：

引用js文件部分

<script type="text/javascript" src="./echarts.js"></script>
    <script type="text/javascript" src="./echarts-wordcloud.min.js"></script>

主体部分（具体的属性可以百度进行获取）

var chart = echarts.init(document.getElementById('main'));

chart.setOption({
   
    ...
    series: