自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

qq_36437172的博客

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

转载 echarts 柱状图颜色设置

如果给柱状图设置颜色，我们执行在 option 中传入 color 字段的一个数组。代码如下：option = { color: ['#2EB7BD', '#3CE1D9', '#FBBACB', '#4695D1'], ...}上面是根据柱状图 legend 中 data 进行颜色区分。如果我们只有一个类别，分别给xAxis 上的柱状图进行颜色区分，代码如下：...

2020-03-28 21:31:41 10079

原创 echarts 添加百分号

效果图如下：根据后端的数据来源，前端渲染页面时，需要前端自行给页面添加 % 。根据上图效果，可以看到有两个地方需要添加 % 的。一个是是悬浮框提示信息里面，另一个地方柱状图上方需要添加 %。首先我们给悬浮添加 %，需要操作tooltip 下的 format ，代码如下：tooltip: { trigger: "axis", axisPointer: { // 坐...

2020-03-14 18:35:18 5632

原创 JS 获取输入时间的前一年、前三个月

通过getFullYear 获取输入时间的年限，再使用setFullYear 设置年限。// 获取输入时间的上一年export function getLastTime(localdate) { var newdate = new Date(localdate.replace(/-/g, "/")) newdate = newdate.setFullYear(newda...

2020-03-14 18:14:49 4845

转载关于echart 动态数据，使用dataZoom精确控制显示数据数量

echarts为我们提供了dataZoom 组件，当数据过多时就有了它的用武之地，业务场景：数据返回100调可是为了前端显示效果默认只显示20条，其他数据由dataZoom控制显示隐藏：getDate() { this.showloading = true; this.nodata = false; let data = { ... }; this.$axios({ ...

2020-03-14 17:27:14 4544 2

原创 Vue实现 input 输入框下拉搜索提示功能

效果图如下：需求：input 中分别有focus 和 blur 方法，当 input 聚焦时，我们的下拉选项显示出来；当 input 失去焦点时，我们的下拉选项隐藏。如果用户向 input 框中输入文字后，下拉选项中的文字显示与之匹配的信息。html 中分别添加 focus 方法和 blur 方法。<input type="text" placeholder="请输入...

2020-03-14 17:25:36 18298 8

转载 td标签中，内容过长不会自动换行

1.在<td>中设置样式style为word-wrap:break-word;word-break:break-all;（一般情况只需要设置word-break:break-all即可，但是有时候需要加word-wrap:break-word ）2.把表格的sytle的table-layout：fixed，表格固定宽度，表格即要自适应他外面的容器，也不要撑出去，然后设置td的word...

2020-03-06 18:47:11 2463

转载 Vue使用watch监听一个对象中的属性

https://blog.csdn.net/u014298440/article/details/82942680

2020-03-05 18:29:24 252

原创 vue 中 this.$refs.name.offsetHeight 获取不到值（进阶版）

通过vue 中 this.$refs.name.offsetHeight 获取不到值中的需求

2020-03-01 15:11:21 8803 2

echarts legend 排列问题

legend 图例组件可以分组展示。详细说明：https://blog.csdn.net/qq_36437172/article/details/106125254

2020-05-14

echarts 路径图

路径图：用于带有起点和重点信息的线数据的绘制，主要用于地图上的航班，路线的可视化。支持二维的直角坐标系和地理坐标系。详细介绍：https://blog.csdn.net/qq_36437172/article/details/106123884

2020-05-14

echarts 地图类型热力图

根据地理区域数据的可视化，除了在地图上添加散点之外，我们也可以制作地图类型的热力图，详细介绍：https://blog.csdn.net/qq_36437172/article/details/106121650

2020-05-14

echarts 柱状图渐变色背景

该案例设置 echarts 柱状图渐变色，同样也可以应用折线图、圆形图等。效果说明：https://blog.csdn.net/qq_36437172/article/details/106115048

2020-05-14

echarts 地图上如何打点

除了 scatter (散点图) 在地图上标记的方式之外,我们也可以使用 markPoint 图表标注的方式在地图上标记.

2020-05-13

echarts 设置地图外边框、地图背景渐变以及在地图上打点.js

主要配置 echart 中地图的外边框和地图整体背景颜色渐变以及在对应的地图上做标记等功能。详细效果图：https://blog.csdn.net/qq_36437172/article/details/106099547

2020-05-13

echarts 图表加水平直线或者标准线.js

echarts 图表加水平直线或者标准线。添加标准线上的折线一种颜色，标准线下的折线又是一种颜色来区分标准线以上或者以下的数据。

2020-05-04

axios 常用配置以及请求方法封装

使用 axios 的基本配置（axios.create()、baseURL、拦截器）和 post、get、download、upload 等方法的封装。

2019-10-13

基于 echarts 第三方库制作地图信息

使用 echarts 第三库，开发地图组件信息，掌握 registerMap、geo 组件、visualMap 视觉映射组件等组件的配置信息

2019-10-05

choose_goods.html

CSS 实现勾选商品规格：颜色、版本等参数样式，采用 input 标签 type=radio 实现单选功能。

2019-08-30

基于element-ui 使用 upload 预览图片（含删除功能）

基于element-ui 使用 upload 预览图片（含删除功能）参考链接：https://blog.csdn.net/qq_36437172/article/details/100034867

2019-08-23

vue 上传图片进行裁剪（VueCropper）

使用 VueCropper 第三方库，对上传的图片进行移动，缩放，裁剪等功能。

2019-04-18

微信小程序 swiper 组件实现层叠轮播图，同时在轮播图中自定义信息

微信小程序 swiper 组件实现层叠轮播图，同时自定义指示点样式和图片描述信息

2019-03-24

vue 封装的 echarts 组件

vue 封装的 echarts 组件，主要传递四个参数到组件中，title、legend、series、xAxis，分别表示文章标题、区域名称、区域数据以及X轴坐标。组件被同一个页面多次调用，数据被覆盖问题解决办法。

2019-03-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示

确定要删除当前文章？

取消删除