js echart词云图

ECharts是一款由阿里集团开发的开源数据可视化库，支持多种图表类型，包括词云图（Word Cloud）。在JavaScript中，词云图（Cloud Chart）用于展示文本数据中词汇的重要性，每个词的位置、大小和颜色通常代表其在数据集中出现的频率。

以下是创建ECharts词云图的基本步骤：

1. 引入ECharts库：首先需要在HTML文件中引入ECharts的JS文件。

<script src="https://cdn.jsdelivr.net/npm/echarts@5.2.2/dist/echarts.min.js"></script>

2. 创建配置对象：定义词云图的数据源、大小、样式等属性。例如：

var option = {
    title: {
        text: 'My Word Cloud'
    },
    wordCloud: {
        // 数据源，可以是一个数组包含键值对或字符串
        data: ['word1', 'word2', 'word3', ...],
        // 配置形状、字体等细节
        shape: 'circle',
        size: [600, 400], // 图片大小
        gridSize: [30, 30], // 格子间距
        rotateStep: 45, // 每个词的旋转角度
        textStyle: {
            color: '#fff',
            fontSize: function(word) { return word.size; } // 字体大小动态关联词语重要性
        }
    }
};

3. 初始化并渲染图表：

var chart = echarts.init(document.getElementById('main')); // 获取绘图容器
chart.setOption(option);
chart.render();