2024-01-26在components下创建一个echarts.vue文件<template> <div> <div class="know_r_echart"> <div id="atlasChart"></div> </div> </div></template><script>import * as echarts from 'echarts'export .._echarts模板

https://www.qianduange.cn//article/469.html 分类：前端知识

2024-01-26记录一下大屏开发中使用到的echarts-gl大屏的页面根据需求前前后后改了几个版本了，地图的样式也改了又改这里记录一下，因为echarts属性用到的比较多也比较杂，防止以后需要用到忘记了。_echarts 3d地图

https://www.qianduange.cn//article/468.html 分类：前端知识

2024-01-26各位同事大家好！下面是我使用echarts中总结的一些个人经验，仅供参考。echarts的能力、优劣等特点大家应该在技术选型阶段已经有所了解，这里主要分享使用、设计等经验。引入echarts资源：支持模块化项目使用npm下载引入，老项目使用script方式链接引入，只是试用、演示且互联网环境，可以使用cdn方式引入。创建一个div容器：echarts图表在页面中显示，需要有一个容器来盛放，告诉浏览器应该在哪渲染，注意这个容器一定是有宽、高的dom元素，否则有可能图表渲染成功，但是高度为0，导致无法显示。_数据大屏开发

https://www.qianduange.cn//article/467.html 分类：前端知识

2024-01-26本章我们将解决在Windows系统中打开echarts官网缓慢的问题。1、问题描述正常情况下，我们在Windows环境中打开echarts官网可能会遇到非常缓慢的情况，一直处于加载中，甚至打不开，此时我们需要做一些处理即可。2、解决办法我们打开hosts文件，在文件最后追加上如下设置即可：151.101.2.132 echarts.apache.orgPS：hosts文件所在文..._echarts官网访问慢

https://www.qianduange.cn//article/466.html 分类：前端知识

2024-01-26另外，大家应该也可以用title的配置，修改放置位置来展示中间字；当然，也会有相同的问题，如果需求需要正常的title展示，就可以借鉴方法二，画一个相同位置且不展示的饼图实现它。方法二、基于上一个方法做优化，为series再设置一个相同位置的饼图。连到相应的扇区”的label覆盖掉，以至于显示不了。方法一、设置series对应饼图的label属性。但这种方法会把“饼图扇区外侧，通过。大家要是遇到更优的方法，欢迎评论~需求：饼图中间展示总量数据。_echart饼状图中间文字

https://www.qianduange.cn//article/465.html 分类：前端知识

2024-01-26前段日子封装了一个组件，大概功能为：给定一些数据，用户手动配置一些参数（如图），点击提交后，实现图表的渲染，除此之外还有其他一些功能。（还没和后端对接，数据为自己mock）今天将组件移植到公司里面的程序时，发现纵坐标一直无法显示刻度，如下图所示排插了三小时，最终问题定位在了y轴配置上。${官网写法：而自己则写了两者取其中，不明白自己封装的组件内为什么正常，但是移植后，放进dialog里时便出现了问题。好歹搞了自己三小时，记录一下吧。以后要按规范来。_echarts 折线图y轴刻度不显示

https://www.qianduange.cn//article/464.html 分类：前端知识

2024-01-26【代码】echarts---x轴数据过多,设置x轴左右滑动显示。_echarts折线图x轴设置可滚动

https://www.qianduange.cn//article/463.html 分类：前端知识

2024-01-26我们经常会看到一些网站或者页面有一堆五颜六色的词汇的聚在一块，有大有小的散落着，看着挺好看的；也许项目中也会涉及到显示一些关键词之类的需求，这个时候也可以用词云库（echarts-wordcloud）来实现；echarts-wordcloud是基于echarts的一个词云库，但是在echart官网中的配置相中却没有关于他的介绍，下面我们就来一起慢慢探索并能手到擒来的使用它；1.下载图片首先要找到一张图片，为了成功率较高，随意对图片也是有要求的，图片一定要是矢量图，并且最好为黑色填充，当然其他颜色也行。_echarts-wordcloud

https://www.qianduange.cn//article/462.html 分类：前端知识

2024-01-26一般在我们使用echarts去绘制图标的时候，里面的data值一般都是去进行动态绑定的，比如在vue中去发送axios或者ajax请求，在请求成功的回调函数中对echarts的data数据进行动态绑定，但是有时会出现页面无法渲染的情况。以下提供了解决方案。_echarts渲染不出来

https://www.qianduange.cn//article/461.html 分类：前端知识

2024-01-26原生图形元素自建，支持的图形元素包括 image、text、circle、sector、ring、polygon、polyline、rect、line、bezierCurve、arc、group。dataZoomInside，内置于坐标系中，使用户可以在坐标系上通过鼠标拖拽、滚轮、手指滑动在缩放或漫游坐标系。数据集组件用于单独的数据集声明，从而数据可以单独管理，被多个组件复用，并且可以自由指定数据到视觉的映射。区域选择组件，可以选择图中一部分数据，从而便于向用户展示被选中数据、或他们的一些统计计算结果。_echarts文档

https://www.qianduange.cn//article/460.html 分类：前端知识