Echats-wordcloud 文字云图的踩坑点【Unknown series wordCloud】

news/2024/12/22 16:13:47/

在词云渲染时遇到渲染不出来的问题:

原因分析:

1、echart和wordcloud版本不匹配(我的是匹配的)

解决方案:

1、echart和wordcloud版本要匹配:

 echart4x 使用wordcloud@1x版本

 echart5x 使用wordcloud@2x版本

echart5版本需要单独按照wordcloud,安装插件不要使用cnpm,正常使用npm

可以参考评论区大佬,安装插件不要使用cnpm,正常使用npm

javascript">npm install echarts-wordcloud@1
npm install echarts-wordcloud 默认安装的是 2.0 版本

具体使用:

项目中引用:

javascript">import * as echarts from 'echarts';
import 'echarts-wordcloud';
javascript">const options = {// 核心配置 series: [{type: 'wordCloud',sizeRange: [8, 46],rotationRange: [0, 0],gridSize: 0,layoutAnimation: true,textStyle: {color: randomRGB // 生成一些随机颜色的函数},data: props.data.datas, // 这里随便改成数组包含数据就好emphasis: {textStyle: {fontWeight: 'bold',color: '#000'}}}]}

坑2:

加载的词云颜色不生效 时因为 echartcloud2版本这个地方需要去掉normal


http://www.ppmy.cn/news/1469629.html

相关文章

【每日刷题】Day66

【每日刷题】Day66 🥕个人主页:开敲🍉 🔥所属专栏:每日刷题🍍 🌼文章目录🌼 1. 小乐乐改数字_牛客题霸_牛客网 (nowcoder.com) 2. 牛牛的递增之旅_牛客题霸_牛客网 (nowcoder.com)…

力扣 240.搜素矩阵II

题目描述: 编写一个高效的算法来搜索 m x n 矩阵 matrix 中的一个目标值 target 。该矩阵具有以下特性: 每行的元素从左到右升序排列。每列的元素从上到下升序排列。 示例 1: 输入:matrix [[1,4,7,11,15],[2,5,8,12,19],[3,6,9…

摄影师在人工智能竞赛中与机器较量并获胜

摄影师在人工智能竞赛中与机器较量并获胜 自从生成式人工智能出现以来,由来已久的人机大战显然呈现出一边倒的态势。但是有一位摄影师,一心想证明用人眼拍摄的照片是有道理的,他向算法驱动的竞争对手发起了挑战,并取得了胜利。 迈…

如何在Excel中快速找出含有多位小数的数字

在日常工作中,使用Excel处理数据是一项常见任务。然而,有时我们会遇到一些看似简单,却令人头疼的问题。例如,当我们在一个包含大量数据的列中发现某个数字的小数点位数过多时,如何快速找到这个数字?本文将介…

SqlSugar 集成

1 关于 SqlSugar SqlSugar 是 .NET/C# 平台非常优秀的 ORM 框架,目前 Nuget 总下载突破 700K,Github 关注量也高达 3.2K,是目前当之无愧的国产优秀 ORM 框架之一。 SqlSugar 官方地址:果糖网 ( SqlSugar 官网 &#…

LeetCode 1729, 12, 19

目录 1729. 求关注者的数量题目链接表要求知识点思路代码 12. 整数转罗马数字题目链接标签思路代码 19. 删除链表的倒数第 N 个结点题目链接标签基础思路代码 进阶思路代码 1729. 求关注者的数量 题目链接 1729. 求关注者的数量 表 表Followers的字段为user_id和follower_i…

为什么说Python 是胶水语言?

​ "Python 是胶水语言"这一说法是指它很擅长将不同的程序或代码库连接在一起,能够让来自不同编程语言或框架的组件无缝协作。Python 具有丰富的库和简单的语法,使得它可以轻松调用其他语言编写的程序或使用不同技术栈的模块。 ​ 以下是几个…

自动驾驶跟驰仿真

联合仿真需求分析报告 一、项目背景 随着汽车技术的快速发展,自动驾驶和智能网联汽车已成为行业发展的重要趋势。为确保自动驾驶车辆在复杂交通环境中的安全性和可靠性,进行联合仿真测试显得尤为重要。本报告旨在明确联合仿真的具体需求,为…