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 分类：前端知识

2024-01-26其中，第一个yAxis为默认的y轴，第二个yAxis的yAxisIndex为1，表示将其绑定到series中设置了yAxisIndex: 1的数据系列。这个错误通常是由于没有正确定义yAxis导致的。请确保您已经正确地定义了yAxis。email为9的数据和第二条为100的数据， 是一条直线了，无法看出趋势。如果【series】里设置了yAxisIndex: 1，之后。yAxisIndex要放在数据值较多的系列上。, 页面也显示不出来。_echarts y 轴 显示不开

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

2024-01-25echarts、Jquery、饼状图、下拉列表、动态改变数据_js如何根据下拉列表更改当前页面数据

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

2024-01-25echarts 设置地图外边框、地图背景渐变色和地图阴影,增加立体感以及在地图上打点_echarts保定地图新增雄安新区(切割、调整地图边缘)

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

2024-01-25vue3项目 echarts数据太多 使用dataZoom实现动态拖拽以及解决 Cannot read properties of undefined (reading 'type')_echarts datazoom拖动以后uncaught typeerror: cannot read properties of undefi

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

2024-01-25在上面的示例中，我们通过动态计算 barWidth 的值，确保它在最小粗细和最大粗细之间。你可以根据需要调整 maxBarWidth 和 minBarWidth 的值来控制柱子的粗细范围。2.要设置柱子的最大宽度，可以使用柱状图（bar）的属性barMaxWidth。该属性可以接受一个数值，表示柱子的最大宽度。1.在 echarts 中，可以通过动态计算 barWidth 的数值来实现最小粗细和最大粗细的效果。_echarts的柱状图限制最大宽度

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