echarts词云图简易代码
时间: 2024-06-12 08:02:17 浏览: 118
ECharts是一个强大的JavaScript图表库,用于创建各种类型的可视化,包括词云图。以下是一个简单的ECharts词云图的创建示例,使用的是ECharts官方文档中的基本用法:
```javascript
// 引入ECharts库
import echarts from 'echarts';
// 定义数据
const wordCloudData = {
// 这里是一个包含词语及其权重的对象数组,例如:
// {
// 'Python': 100,
// 'JavaScript': 80,
// 'Java': 60,
// ...
// }
};
// 创建词云实例
const myChart = echarts.init(document.getElementById('chart'));
// 设置配置项
const option = {
type: 'wordCloud',
// 配置项,如字体、大小范围等
wordCloud: {
// 字体配置
fontFamily: 'sans-serif',
fontSize: [10, 50], // 字体大小范围
shape: 'round', // 字体形状
},
series: [{
data: wordCloudData, // 数据源
// 其他系列配置,如颜色、旋转等
}]
};
// 渲染图表
myChart.setOption(option);
```
要运行这个代码,你需要在HTML文件中添加一个id为`chart`的元素,并确保已经正确安装了ECharts库。
阅读全文