自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(4)
  • 收藏
  • 关注

原创 柱状图 显示正负值,点击列表联动柱状图

handleClickPie 方法是当我们点击左侧列表时,对应部分的右边饼图高亮显示,点击当前项,同时要取消上一次点击项的高亮。那么此时,我们就要拿到,之前高亮的项的index(prePieRef)和当前的高亮的项的index(currentIndex)。我们利用 forwardRef 来接受从父组件传递过来的 ref,并将 ref 赋给柱状图组件 ReactECharts。拿到柱状图的ref 我们 就可以实现左右联动的效果啦!注意📢:这个ref必须给饼图的外层容器,否则不能生效!3. 开始写案例啦!

2023-04-14 17:47:20 201 1

原创 简单易懂的Echars案例,实现点击列表联动饼图

简单易懂的Echars案例,实现点击列表联动饼图

2023-04-14 14:08:04 640 1

原创 图片裁剪工具——react-cropper

cropper 是一款基于 JavaScript 的图片裁剪插件,通过 Canvas 技术实现了图片的裁剪和截图功能。这个插件,可以实现上传图片前进行裁剪得到想要的图片,比如上传头像

2023-04-11 16:48:19 2645 1

原创 利用localStorage来记录输入框的历史输入

【代码】利用localStorage来记录输入框的历史输入。

2022-11-04 10:29:12 413

空空如也

空空如也

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

TA关注的人

提示
确定要删除当前文章?
取消 删除