echarts相关

一、 3d地图

  1. 下载对应插件
yarn add echarts-gl

下载好此插件以后echarts才会支持3d显示,否则直接设置3d类型会报错 Unkown series map3D

  1. 引入包
import 'echarts-gl';
  1. 报错:echarts-gl引入后不报错了但是,绘图取显示空白
    这是因为echarts默认下载的是5.0的版本,与echarts-gl版本不兼容,对echarts进行降级处理
yarn remove echarts   // 先删除已有版本 
yarn add echarts@4.9.0  // 然后安装指定版本

注:而且5.0的版本里面没有map文件夹,不能引入世界地图,需要自己找json文件然后注册。

一、 热词云图

  1. 下载对应插件
yarn add echarts-wordcloud
  1. 引入包
import 'echarts-wordcloud';
  1. 报错:echarts_lib_echarts__WEBPACK_IMPORTED_MODULE_0__.helper.createTextStyle is not a function, 大概率是echarts 的版本与echarts-wordcloud不兼容,可以对echarts版本进行降级。但是上面我做3D效果的时候已经对echarts进行了降级,后来查了一下是echarts-wordcloud的版本高了。现在echarts-wordcloud默认安装的是2.0版本,而2.0版本用在echarts5,1.0的版本用在echarts4.x,所以,我要做的是对wordcloud进行降级。
 yarn add echarts-wordcloud@1.1.3     // 听说安装1.1.0还是会报错,没实验
``
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1、echarts 柱状图: 2、axisTick 坐标轴刻度相关设置。 3、axisLabel[https://...
    wangs阅读 447评论 0 2
  • 1.1CSS 基础与选择器初识 | CSS 1. CSS 加载方式有几种? CSS样式加载一共有四种方式: 1、行...
    没糖_cristalle阅读 773评论 0 0
  • 一种饼图的实现 用echarts实现上述样式的饼图,每种颜色代表的是一种类型的故障,由于后端返回的数据可能只有几条...
    HEY_439阅读 518评论 0 0
  • 先看效果图image.png 首先下载echarts 插件,3d地图需要依赖echarts-gl 创建echart...
    大梦无痕阅读 28,590评论 26 16
  • 22、JQ的基础语法、核心原理和项目实战 jQ的版本和下载 jQuery版本 1.x:兼容IE6-8,是目前PC端...
    萌妹撒阅读 1,772评论 0 0