Echert 缩放后切换再数据，缩放大小没还原的解决办法

最新推荐文章于 2024-05-10 21:11:18 发布
最新推荐文章于 2024-05-10 21:11:18 发布
阅读量363 收藏
点赞数
分类专栏： Vue html+css 文章标签： Echert还原大小 Echert还原比例 echert视图还原大小 echert视图缩放设置 echert缩放重置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39453402/article/details/109237802
版权
Vue 同时被 2 个专栏收录
52 篇文章 2 订阅
订阅专栏
html+css
23 篇文章 0 订阅
订阅专栏

话不多说，直接贴码

series: [	//设置缩放比例最大与最小
    {
        scaleLimit:{
            min:1,
            max:3
        } 
    }
]

在修改完option参数后执行以下方法

myEchertObj.dispatchAction({
    type: 'restore',
})
灬ManongLai
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序首页数据初始化失败的解决方法
01-03
用户首次后再次进入小程序时，我们通常需要通过获取用户openid或unionid用作唯一标示与后台进行数据交流，初始化用户信息。当我们通过第三方服务器跟微信建立请求时，微信需要用户确认是否公开信息。如图1，从...
Echarts中无法还原区域缩放问题处理
cautionHua的博客
02-14 1470
<ReactEcharts ref={echartsInstance} onEvents={onEvents} option={myOptions} /> // 获取到echarts实例 const echartsInstance = React.useRef(); // 引入数据区域缩放组件后 const myOptions = { ... }; // 事件处理 const onEvents = { // 点击重置触发 restore: () => {
echart 区域放大后还原不显示问题
finallyideas的博客
08-05 427
toolbox.feature.restore会恢复到第一次chart.setOption(option1)后的状态，之后执行setOption是对之前的option1配置项的更新，大致意思是：option1 + option2 + ... , restore事件会直接恢复到option1状态。首先，这个问题是5.0之后的版本才会的出现的问题，解决方式：官方文档配置项里有。
echarts 放大与缩放的功能
热门推荐
u014678583的博客
07-28 4万+
// 内置型数据区域缩放组件（dataZoomInside）：内置于坐标系中，使用户可以在坐标系上通过鼠标拖拽、鼠标滚轮、手指滑动（触屏上）来缩放或漫游坐标系。 // 滑动条型数据区域缩放组件（dataZoomSlider）：有单独的滑动条，用户在滑动条上进行缩放或漫游。 function getOption(titles, xData, legendDatta, series, top) { var option = { title: { text: titles, .
Echarts 的 dispatchAction
m0_66722601的博客
05-31 4838
Echarts 的 dispatchAction
echarts3全国各省市JSON、js数据
05-28
ECharts 是一个基于 JavaScript 的开源可视化库，由百度公司开发，广泛应用于数据分析和展示领域。它支持多种图表类型，如柱状图、折线图、饼图，以及地图等，适用于构建交互式的可视化应用。本资源是 ECharts 3 ...
SalesDataMap:2016-12（省广） 1.原型绘制，根据原型进行页面搭建 2.使用echert s进行图表绘制，在地图上显示饼图和柱状图，让数据图 形化
05-17
开发该项目是为了生成销售数据的数据图。 跑步 直接在浏览器中打开index.html ，或运行browser-sync start --server并导航到http://localhost:3000 。 SalesDataMap 0cf8441e54c2ee62d3871a5f5c8dca0b83071f2f
echart图表缩放到一定比例（可自定义）后，停止放大，还可以缩小回去
TJ_Rock的博客
07-28 4136
一、需求： 有时候，我们有这样的需求：当echart图表（特别是折线图）的数据量很大，客户要求可以放大图表来仔细查看数据。echart有dataZoom这种技术来支持，也蛮好用的。但是有的客户就是很刁钻，要求放大到一定的程度都就不让缩放了（dataZoom会放的很大很大）。那怎么办呢？？？ 二、网上现状： 1.说改源码可以解决。但是，我想说我不是前端工程师啊，怎么改？参考网上的回复：https://segmentfault.com/q/1010000014751205 2.查看各种文档，...
echarts区域缩放如何手动触发还原（back）事件
qq_43056536的博客
12-31 2251
echarts区域缩放如何手动触发还原（back）事件 // 找到属性名 let tmp = '' Object.keys(this.chart._componentsMap).map((item) => { if (item.indexOf('series') !== -1 && item.indexOf('_toolbox') !== -1) { tmp = item } }) // 手动触发 back 事件 if (this.chart._co
echarts 图表自适应大小 当我们浏览器缩放的时候，echart图表也等比例缩放
weixin_50885665的博客
07-13 2481
echarts 图表自适应大小 当我们浏览器缩放的时候，echart图表也等比例缩放
【大屏echarts】设置系统缩放比，适配各分辨率
weixin_44995829的博客
11-03 1026
【大屏】设置系统缩放比，适配各分辨率
页面图表插件echarts中map用法
欢迎大家交流前端开发技术、经验及各种知识沉淀
09-21 3365
整个地图实现阴影或者3D效果，需要echarts中配置项**geo和series中同时设置阴影效果**（或者series系列数组中设置2个元素），series浮在geo上面,二者中series的z的值要大于geo中z的值，并且geo相对series有阴影偏移距离，注意在series中的itemstyle中不设置shadowOffsetX和shadowOffsetY；地图中某一区域的阴影效果可以在data数据中具体的元素中对itemStyle进行设置
echarts 设置最大和最小的缩放范围
ii窝窝头的博客
06-25 1万+
geo: { map: 'world', silent: true, label: { emphasis: { show: false, areaColor: '#eee' } }, itemStyle:...
DispatchAction
heyoum的专栏
08-14 344
DispatchAction
ECharts地理坐标系属性介绍
最新发布
2401_84150206的博客
05-10 901
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
ECharts地理坐标系属性介绍，2024年前端开发陷入饱和
m0_61331407的博客
03-30 1032
]});JSON 引入示例：series: [{}]});});ECharts 使用格式的数据作为地图的轮廓，除了上述数据，你也可以通过其它手段获取地图的数据注册到 ECharts 中。参见示例geo.是否开启鼠标缩放和平移漫游。默认不开启。如果只想要开启缩放或者平移，可以设置成 ‘scale’ 或者 ‘move’。设置成 true 为都开启geo.| Array当前视角的中心点，用经纬度表示例如：geo.| number这个参数用于 scale 地图的长宽比。
DispatchAction学习
weixin_30242907的博客
07-09 309
DispatchAction继承自Action类，它是一个抽象类，封装了一 些基础方法，来解决使用一个Action处理多个操作的能力，这就是DispatchAction最大的用途，它可以帮助我们用一个Action类，封装 一套类似的操作方法，节省了类的数目，同时也减轻了后期维护的困难。 DispatchAction中主要包括一下几个方法： <其实是用反射> protect...
echert中曲线图echarts.graphic.LinearGradient
10-17
echarts.graphic.LinearGradient 是 echarts 中的一个渐变色对象，用于设置图形的填充色或边框色。它可以通过指定起始点和结束点的坐标，以及颜色值数组来创建。 具体用法如下： ```javascript ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值