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

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

原因分析:

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

解决方案:

1、echart和wordcloud版本要匹配:

 echart4x 使用wordcloud@1x版本

 echart5x 使用wordcloud@2x版本

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

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

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

具体使用:

项目中引用:

import * as echarts from 'echarts';
import 'echarts-wordcloud';
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.mzph.cn/bicheng/27958.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Echarts图表: 矩形树图都有哪些配置项,一文告诉你

Hello,本期和大家分享矩形树图的配置项,欢迎评论区和贝格前端工场互动交流。 一、矩形树图是什么 矩形树图是ECharts中的一种图表类型,用于展示树形结构的数据。矩形树图通过矩形的大小和位置来表示树形结构中节点的层次关系和数据的大小。…

C语言:头歌计算两数的和与差

任务描述 本关任务:本题要求实现一个计算输入的两数的和与差的简单函数。 函数接口定义: void sum_diff( float op1, float op2, float *psum, float *pdiff ); 其中op1和op2是输入的两个实数,*psum和*pdiff是计算得出的和与差。 主程序样…

实例化游戏物体的实例(生成游戏物体)

一、实例1:实例化 1、准备工作:制备预制体,命名。如Circle 2、Create Empty,名字自取。如:CirclePrefab 3、给CirclePrefab添加Test.cs public GameObject CirclePrefab; // 预制体变量,用于存储Circle预…

基于matlab的MTCNN(多任务卷积神经网络)人脸检测算法

关键词:Matlab;深度学习;多任务卷积神经网络;人脸检测; 背景 在不受约束的环境中,由于个体姿势的多样性、光照条件的变化以及潜在的遮挡问题,人脸检测和对齐任务面临诸多挑战。近期的研究表明…

ad18学习笔记22:关于keep out layer禁止布线层

ad18里的新特性,在 keep out层无法直接放置线条,需要去菜单-放置-keepout进行画线,如果,在其他层画了一个图形,无法直接修改这个图形的属性,把他变为keepout的线条,但是可以通过特殊粘贴操作&am…

Elasticsearch搜索引擎(高级篇)

3.1 查询语法 | 《ElasticSearch入门到实战》电子书 (chaosopen.cn) day09-Elasticsearch02 - 飞书云文档 (feishu.cn) 目录 第一章 DSL查询 1.1 基本语法 1.2 叶子查询 全文检索查询 精确查询 1.3 复合查询 算分函数查询 bool查询 1.4 排序 1.5 分页 基础分页 深度分…

numpy的基本操作

1.常用方法创建array print(np.array([1, 2, 3], dtype"f4"))# 32位浮点型 print(np.array([1.5, 2.2, 3]))# 默认浮点型 print(np.array([1, 2, 3, 4, 5], ndmin3))# 3维数组 print(np.array([range(i, i 5) for i in [1, 2, 3]]))# print(np.zeros(shape[5, …

从开源EPR产品Odoo学习

前言 一个先进、敏捷、经济高效、可快速扩展的Odoo免费开源企业信息化解决方案,让企业获得适应未来发展的长期创新和增长能力。 Odoo 的免费开源模式 让我们可利用无数开发人员和业务专家,在短短数年内,打造数百款应用。凭借强大的技术基础,Odoo 的框架是非常独特且优秀的…

RAW Sensor vs YUV Sensor:详细对比

目录 一、RAW传感器1.1 定义1.2 工作原理1.3 优点1.4 缺点1.5 应用场景二、YUV传感器2.1 定义2.2 工作原理2.3 优点2.4 缺点2.5 应用场景三、总结在现代智能手机和数码相机中,图像传感器(Image Sensor)是至关重要的组件,它决定了设备的图像捕捉能力。常见的图像传感器类型有…

LIMS(实验室)信息管理系统源码、有哪些应用领域?采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码

LIMS(实验室)信息管理系统源码、有哪些应用领域?采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码 LIMS实验室信息管理系统,是一种基于计算机硬件和数据库技术,集多个功能模块为一体的信息管理系统。该系统主…

前后端分离对于后端来说,是利好还是利弊呢?

前后端分离已经成为前端开发的主流模式,这种模式极大的解放了后端,让后端人员不再即当爹又当妈了,那么这种模式对于后端来说是利好还是利弊呢,如何趋利避害呢,贝格前端工场为大家分享一下。 一、什么前后端分离的开发…

Redis的一点入门了解

Redis NoSql概述 1、单机MySQL的时代 90年代,一个网站的访问量一般不会太大,单个数据库完全足够应付,技术上更多的会去使用静态页面html,对此服务器压根没多少压力; 但即使在这样的情况下,也会存在着一些…

【Linux】程序地址空间之动态库的加载

我们先进行一个整体轮廓的了解,随后在深入理解细节。 在动态库加载之前还要说一下程序的加载,因为理解了程序的加载对动态库会有更深的理解。 轮廓: 首先,不管是程序还是动态库刚开始都是在磁盘中的,想要执行对应的可…

IT入门知识博客文章大纲第一部分《IT基础知识》(1/10)

目录 IT入门知识博客文章大纲第一部分《IT基础知识》(1/10) 1.引言 2.第一部分:IT基础知识 2.1 计算机硬件 CPU:计算机的心脏 内存:数据的临时居所 存储设备:数据的长期仓库 输入输出设备&#xff1…

PostgreSQL基础(十四):PostgreSQL的数据迁移

文章目录 PostgreSQL的数据迁移 PostgreSQL的数据迁移 PostgreSQL做数据迁移的插件非常多,可以从MySQL迁移到PostgreSQL也可以基于其他数据源迁移到PostgreSQL。 这种迁移的插件很多,这里只说一个,pgloader(非常方便&#xff0…

Coursera耶鲁大学金融课程:Financial Markets 笔记Week 01

Financial Markets 本文是学习 https://www.coursera.org/learn/financial-markets-global这门课的学习笔记 这门课的老师是耶鲁大学的Robert Shiller https://en.wikipedia.org/wiki/Robert_J._Shiller Robert James Shiller (born March 29, 1946)[4] is an American econ…

SQL Server Management Studio (SSMS) 20.1 - 微软数据库管理工具

SQL Server Management Studio (SSMS) 20.1 - 微软数据库管理工具 请访问原文链接:https://sysin.org/blog/ssms/,查看最新版。原创作品,转载请保留出处。 作者主页:sysin.org 笔者注:SQL Server 2014 及之前版本内置…

数组模拟栈和队列

目录 栈 初始化 入栈 出栈 判空 询问栈顶元素 队列 初始化 入队 出队 判空 询问队头元素 栈 初始化 int stk[N], tt; stk数组存储栈中的数据,tt指向栈顶的元素下标 入栈 void push(int x) {stk[tt] x; } 出栈 void pop() {tt--; } 判空 bool…

FastAPI 基本路由

FastAPI 基本路由 FastAPI 是一个现代、快速(高性能)的 Web 框架,用于构建 API,与 Python 3.6+ 类型提示一起使用。它是一个轻量级的框架,但功能强大,易于使用,同时支持异步编程。在本文中,我们将探讨 FastAPI 的基本路由概念,并了解如何使用它们来构建简单的 Web 应…

基于负相关误差函数的4集成BP神经网络matlab建模与仿真

目录 1.算法运行效果图预览 2.算法运行软件版本 3.部分核心程序 4.算法理论概述 5.算法完整程序工程 1.算法运行效果图预览 (完整程序运行后无水印) 2.算法运行软件版本 MATLAB2022a 3.部分核心程序 ...............................................................…