首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在jquery amcharts v3中更新数据时保持用户缩放级别

在jquery amcharts v3中更新数据时保持用户缩放级别,可以通过以下步骤实现:

  1. 获取当前用户的缩放级别: 使用amCharts的ZoomControl插件可以获取当前图表的缩放级别。可以通过调用chart.zoomLevel()方法来获取当前缩放级别的值。
  2. 更新数据: 首先,根据需要更新图表的数据。可以通过调用chart.dataProvider属性来更新数据。例如,可以使用ajax请求从服务器获取最新的数据,并将其赋值给chart.dataProvider。
  3. 重新绘制图表: 在更新数据后,需要重新绘制图表以反映新的数据。可以通过调用chart.validateData()方法来重新绘制图表。
  4. 恢复缩放级别: 在重新绘制图表后,可以使用chart.zoomToLevel()方法将缩放级别恢复到之前的值。将步骤1中获取到的缩放级别值作为参数传递给chart.zoomToLevel()方法即可。

下面是一个示例代码:

代码语言:txt
复制
// 获取当前缩放级别
var zoomLevel = chart.zoomLevel();

// 更新数据
$.ajax({
  url: 'your_data_url',
  success: function(data) {
    chart.dataProvider = data;
    chart.validateData();
    
    // 恢复缩放级别
    chart.zoomToLevel(zoomLevel);
  }
});

这样,在更新数据时,用户的缩放级别将会被保持。请注意,以上代码中的"chart"是指代你的amCharts图表对象,"your_data_url"是指代从服务器获取数据的URL地址。

推荐的腾讯云相关产品:腾讯云云服务器(https://cloud.tencent.com/product/cvm)和腾讯云云数据库MySQL版(https://cloud.tencent.com/product/cdb_mysql)可用于存储和管理数据,并提供高性能的云计算服务。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

推荐12个最好的 JavaScript 图形绘制库

它允许绑定任意数据到 DOM,然后将数据驱动转换应用到文档。你可以使用它用一个数组创建基本的 HMTL 表格,或是利用它的流体过度和交互,用相似的数据创建惊人的 SVG 条形图。...它有很强的交互功能,有许多信息提示,可 点击的 legend 关键字,还有 dril-down,缩放/滚动 和单击打印图表功能。 Flot ?...Flot 是受 Plotr 和 PlotKit 的 启发,Ole Laursen 基于 jQuery 开发了一个图表绘制(WEB Chart)插件并命名为 flot。...amCharts ? amCharts 无疑是最漂亮的图表库。...创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户数据进行挖掘、整合的能力。

7.4K30

2019年最好的JavaScript图表库

开发人员寻求将数百万个数据库记录整合到美丽的图表和仪表板,人类可以快速直观地解释这些记录。 数据可视化技术在过去十年不断改进,现在消费者可以使用许多高级图表库。...与此同时,高分辨率屏幕的出现以及通过触摸手势进行更常见的缩放,使分辨率独立的矢量图表成为最前沿。 进入当前由JavaScript和SVG(可缩放矢量图形)主导的数据可视化时代。...图库和扩展图库显示了许多图表类型,但按下汉堡菜单会显示更多类型(日历),这些类型未在这些图库列表显示。 每种图表类型都有一个带有实例的专用教程。这些教程包括相关功能和API列表的代码。...它使用canvas元素进行渲染,并对窗口大小调整进行响应以保持缩放粒度。它向后兼容IE9。Polyfill也可以与IE7一起使用。 样本视觉效果相当现代,并且在首次绘制包含初始动画。...在实时添加系列或数据,它可以平滑动画。可以在调用update()函数重绘图表之后修改图表选项。 示例源代码未显示在网站库,但可在GitHub存储库中找到。配置选项用于创建和修改图表。

5K20

14个最好的 JavaScript 数据可视化库

数据集有多大? 基于 SVG 的库通常更适合中小型数据集,因为每个元素都是唯一的节点并存在于 DOM 树。这也意味着它们允许被直接访问,从而具有更多的灵活性。...根据 ApexCharts 的作者 Juned Chhipa 的说法,该库是为了更容易缩放、平移、滚动数据、在图表上放置信息性注释等目的而写的。...11、amCharts ? amCharts 这是最热门的图表库之一。它漂亮设计确实能够使它在竞争脱颖而出。...苹果、亚马逊、美国宇航局和许多知名公司都是 amCharts用户,这是非常令人印象深刻的。 amCharts 是一种商业工具,每个网站许可的起价为 180 美元。...作为投入的回报,你可以获得所需的所有类型的图表,包括地理地图和出色的用户支持,平均响应时间少于3小。这对大公司来说是一个很好的解决方案。

5.8K30

62款前端数据可视化插件大盘点

在大数据时代,很多时候我们需要在网页显示数据统计报表,从而能很直观地了解数据的走向,开发人员很多时候需要使用图表来表现一些数据。...我把前端数据可视化分为了五种: 1.图表 2.图谱 3.地图 4.关系图 5.立体图 我将按照顺序介绍62款前端可视化插件,下面就分享下其中34款图表插件: 1.amcharts url: http:/.../www.amcharts.com/ browser:IE6+、chrome、safari、firefox、opear resume:amCharts是一种先进的图表库,将适合任何数据可视化的需要。...创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户数据进行挖掘、整合的能力。 ?...提供超过100个图表类型,独特的特性,缩放和交互式。 ? 小结: 每款插件各有千秋,根据项目需求挑选不同插件。

23.9K101

开源分享——似水年华同学录

上传班级照片,分享美好生活 源码介绍: 似水年华同学录V3开源 V3.0.1 1.框架重构 代码优化 整理结构 2.更换密码加密算法 3.安装可以自定义管理员用户名密码 4.安装可以自定义数据表前缀...(可以同一数据库建多个同学录) 5.更换首页模板 6.网站版权支持后台修改 7.首页加入随机背景接口 (1.官方API 2.绚丽彩虹API 3.蓝柒API) 8.管理员可以在后台设置副管理 9.相册机制修改...全部用户都可以上传图片 10.内页更换排版 11.移除QQ小工具功能 12.网站公告可以使用html代码 13.加强部分表单的格式验证 14.修复重复加载jquery问题 15.加入官方播放器 16....可以修改网页缩放比例(0.9手机页面可兼容绚丽播放器) Ps.V3换了新结构,和V2有太多差别,所以更新3.0的话会丢失以前的数据,介意的请不要升级!...您必须在下载后的24个小时之内,从您的电脑或手机彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权请邮件与我联系处理。敬请谅解!

60320

第120天:移动端-Bootstrap基本使用方法

依赖jQuery,那就应该先引用jQuery.js然后引用bootstrap.js CSS约定: 除了公共级别样式,其余样式全部有模块前缀 尽量使用直接子代选择器,少用简介子代,避免错杀 2、Bootstrap...第三方依赖 jQuery——Bootstrap框架的所有JS组件都依赖于jQuery实现 html5shiv——让低版本浏览器可以识别HTML5的新标签,header、footer、section...[endif]--> 3、视口 视口的作用:在移动浏览器,当页面宽度超出设备,浏览器内部虚拟的一个页面容器,将页面容器缩放到设备这么大,然后展示 目前大多手机浏览器的视口(承载页面的容器)宽度都是980...; 视口的宽度可以通过meta标签设置 此属性为移动端页面视口的设置,当前值表示在移动端页面的宽度为设备的宽度,并且不缩放缩放级别为1) width:视口的宽度 initial-scale:初始化缩放...user-scalable:是否允许用户自行缩放(值:yes/no;1/0) minimum-scale:用户最小缩放initial-scale 1 <!

3.2K40

业界 | 详解Horovod:Uber开源的TensorFlow分布式深度学习框架

在 Uber,我们将深度学习应用到了公司业务,从自动驾驶搜索路线到防御欺诈,深度学习让我们的数据科学家和工程师们能够为用户提供更好的体验。...运行训练脚本的多个副本,每个副本: a)读取数据块 b)将其输入模型 c)计算模型更新(梯度) 2. 计算这些副本梯度的均值 3. 更新模型 4....Horovod Timeline 我们在允许用户使用 Horovod ,就意识到需要向用户提供一种能够轻松识别代码 bug 的方式,这也是处理复杂分布式系统时常常面临的问题。...图 5:Horovod Timeline 在 Chrome 的事件追踪性能分析工具(trace event profiling tool)描述分布式训练过程的高级别 timeline。...这些基准说明 Horovod 在 TCP 和 RDMA 网络上的缩放效果很好,尽管使用 RDMA 网络的用户能够在使用大量模型参数的模型 VGG-16 才能获取最优性能和显著效率提升。

3.1K60

Bootstrap笔记

,当前值表示在移动端页面的宽度为设备的宽度,并且不缩放缩放级别为1)width:视口的宽度initial-scale:初始化缩放user-scalable:是否允许用户自行缩放(值:yes/no; 1.../0)minimun-scale:最小缩放initial-scale第三方依赖jQueryBootstrap框架的所有JS组件都依赖于jQuery实现html5shiv让低版本浏览器可以识别HTML5...生态圈火,不断地更新迭代; 提供一套美观大方地界面组件; 提供一套优雅的 HTML+CSS 编码规范; 让我们的 Web 开发更简单,更快捷; 注意: 使用 Bootstrap 并不代表不用写 CSS...,当前值表示在移动端页面的宽度为设备的宽度,并且不缩放缩放级别为1) width:视口的宽度 initial-scale:初始化缩放 user-scalable:是否允许用户自行缩放(值:yes/no...; 1/0) minimun-scale:最小缩放initial-scale 第三方依赖 jQuery Bootstrap框架的所有JS组件都依赖于jQuery实现 html5shiv

3.3K90

目前主流的app开发方式

.访问本地资源(通讯录,相册) 5.设计出色的动效,转场 6.拥有系统级别的贴心通知或提醒 7.用户留存率高 缺点:1.分发成本高(不同平台有不同的开发语言和界面适配) 2.维护成本高(例如一款...App已更新至V5版本,但仍有用户在使用V2, V3, V4版本,需要更多的开发人员维护之前的版本) 3.更新缓慢,根据不同平台,提交–审核–上线 等等不同的流程,需要经过的流程较复杂 2.Web App...优点:1.开发成本低 2.更新快 3.更新无需通知用户,不需要手动升级 4.能够跨多个平台和终端 缺点:1.临时性的入口 2.无法获取系统级别的通知,提醒,动效等等 3.用户留存率低 4.设计受限制诸多...同时,其在使用jQuery Mobile、Sencha Touch等前端框架的时候,有特效启动慢、页面切换慢、数据请求慢的特点。...同时APICloud提供了云数据库的功能,前端不必了解PHP,Node.js等后端语言,通过JS接口或Restful API实现数据库的增删改查。 但是APICloud的更新速度很快,版本不太稳定。

1.2K20

工程师笔记|服务器出故障了我却不知道?

想必大家都经历过手机、电脑等电子设备出问题的情况,跟手机、电脑一样,服务器运转过程也会出点故障,作为承载了企业各种业务的平台,服务器出故障的影响非同小可,严重可能危及业务开展,而如果故障发现不及时...在iDRAC设置里找到用户配置,编辑本地用户后需要在高级设置的SNMP v3 Settings勾选v3协议,默认是Disabled,这里需要选择Enabled来开启此用户的SNMP v3的支持。...• 审核—表示审核日志的审核类别(示例包括用户登录/注销信息、密码验证故障、会话信息、电源状态)。 • 更新更新类别表示由于固件/驱动程序升级/降级而生成的警报。 ?...管理端设置可以添加用户,此用户要跟PowerEdge服务器上设置的用户对应,这里首先需要将SNMP版本设置为v3,之后再添加参数信息。 ?...选择了v3之后,点击Add添加用户信息——添加目标主机的IP地址和端口,当需要从服务器获取或设置信息,管理端会与服务器上SNMP Agent的161端口进行通信,这里认证和加密协议与之前服务器端的设置要保持一致

84610

vivo首款自研6nm芯片!AIGC算法加持,支持4K电影级人像视频

现在,如果对拍摄出来的视频不满意,编辑无需压缩视频,在分辨率保持4K的情况下,手机仍然能快速调整虚化和焦点位置,实现无损编辑。...过去这些算法还需要分时间阶段运行,现在,vivo手机不仅能同时处理它们,而且延迟都保持用户可以感知的范围之内。 完成这些部署,离不开vivo自研的新一代影像芯片,名为V3。...相比通用NPU,V3只运行特定任务,不受外部后台线程(CPU线程)的干扰,也不会因为其他功能升压或提频导致功耗上升,因此在做乘加计算,利用率可以达到100%。...一个是可以用低级别、像素级别的AI算力处理的任务;另一个是对于一些需要较大滤波器的算法(运动估计等),V3能将算法“硬件化”,即将它们转换成特定应用集成电路(纯ASIC),成为芯片的一部分。...相比前置ISP(PreISP),V3选择了后置ISP(PostISP)的方式,即数据先通过SoC,再通过V3进行处理,最后打到屏幕上。

32720

ITIL V3有什么优势?

ITILv3 发布不是ITIL 更新的结束,而是新历程的开始。从ITIL第1版的40本书到ITIL V3的5本书,单从书的数量上看,ITIL的演化定位越来越面向高层,内容越来越精粹。...在ITIL V3 引入了很多行业的管理实施方案,借助这些丰富的资源,用户可以很方便地在企业实施IT 服务管理。...ITIL V3 也提出并借鉴了很多管理学概念(例如项目管理、质量管理、运作管理、CMI 等),但这也是很多企业面对 ITIL V3 不知所措、举步维艰的重要原因所在。...第三,在ITIL V3 里面加入了和业界其他标准的接口。软件开发标准CMMI、目前非常热门的COBIT(IT 治理控制框架)和PMP 项目管理方法等。...服务运营(Service Operation):服务运营的目的是为了交付已商定的服务级别给客户和用户,并且管理支持服务交付的应用程序、技术和框架。

1.1K20

微服务设计指南

每个服务负责持久化自己的数据保持外部状态(只有当多个服务使用相同的数据,这种情况才在公共数据处理)。 白小白: 智能端点和哑管道,其实我一直认为“哑”管道不如“笨”管道或者“呆”管道更易理解。...这可以在API网关级别实现,也可以在服务级别并行实现。这种模式对于提供特定的用户体验非常有用。但是,开发团队应该足够小心,将BFF保持在可管理的范围内。...✅ 基于令牌的认证:不要在每个微服务级别实现安全组件,因为这将需要组件与集中式/共享用户存储库对话并检索身份验证信息;而是考虑实现API网关级别的身份验证,使用广泛使用的API安全标准,OAuth2和...一种非阻塞应用程序的微服务体系结构,该应用程序使用来自各种事件源(例如交通数据、天气指数、股票市场线索、社交媒体帖子、传感器输出)的大量输入数据流来向最终用户显示实时更新。...微服务调取这些数据并显示给最终用户。仔细观察这一设计, Vert.x事件总线能够创建与前端UI组件的连接,该特性仅用于有效地更新UI的相关部分。

1.3K10

微服务设计指南

每个服务负责持久化自己的数据保持外部状态(只有当多个服务使用相同的数据,这种情况才在公共数据处理)。 白小白: 智能端点和哑管道,其实我一直认为“哑”管道不如“笨”管道或者“呆”管道更易理解。...这可以在API网关级别实现,也可以在服务级别并行实现。这种模式对于提供特定的用户体验非常有用。但是,开发团队应该足够小心,将BFF保持在可管理的范围内。...✅ 基于令牌的认证:不要在每个微服务级别实现安全组件,因为这将需要组件与集中式/共享用户存储库对话并检索身份验证信息;而是考虑实现API网关级别的身份验证,使用广泛使用的API安全标准,OAuth2和...一种非阻塞应用程序的微服务体系结构,该应用程序使用来自各种事件源(例如交通数据、天气指数、股票市场线索、社交媒体帖子、传感器输出)的大量输入数据流来向最终用户显示实时更新。...微服务调取这些数据并显示给最终用户。仔细观察这一设计, Vert.x事件总线能够创建与前端UI组件的连接,该特性仅用于有效地更新UI的相关部分。

1.1K30

Android 9.0 强势来袭,带来了哪些新特性?

该标志仅在设备解锁防止解密数据。 要在设备锁定时保持密钥不被解密,请通过传递true给setUnlockedDeviceRequired() 方法来启用该标志。...启用此隐私措施后,需要设备的PIN,模式或密码才能从用户设备的备份恢复数据。...定义备份所需的设备条件 如果您的应用数据包含敏感信息或偏好设置,Android 9可让您定义应用数据包含在用户备份的设备条件,例如启用客户端加密或本地设备到设备转移正在进行。...辅助功能窗格标题 在Android 8.1(API级别27)及更低版本,辅助功能服务无法始终确定何时更新屏幕的特定窗格,例如活动将一个片段替换为另一个片段。...当一个TYPE_WINDOWS_CHANGED 事件发生,可以使用 getWindowChanges() API来确定如何在Windows已经改变。在多窗口更新期间,每个窗口都会生成自己的一组事件。

3.3K20

软件交付与协作 —— ITIL V3

ITIL V3 增强点 V3 引入生命周期的概念,它通过 PDCA 模型,可以不断地循环改进,从而保持 ITIL 的生命活力; V3 提供了丰富的管理方法和概念; V3 加入了业界其其他的标准接口,... CMMI、COBIT、PMP。...这一原则与精益 IT 客户价值的关键原则密切相关。 2 体验设计 思考并管理您的用户和客户如何体验您的服务以及他们与您的互动。这一原则与精益用户体验不谋而合。...3 从你所在的地方开始 当您开始创建某物,总是想知道是否有可以重用的东西,以避免在创建相同的东西两次或拥有相同功能的多个版本浪费资源。这一原则与精益 IT 的浪费概念有关。...在服务提供商组织设计新服务或更新现有服务,服务管理团队将需要一些服务或工具来产生预期的输出。 合作伙伴/供应商 服务设计的第四个也是最后一个 ITIL 4P 是合作伙伴和供应商。

82530

软件交付与协作 —— ITIL V3

ITIL V3 增强点 V3 引入生命周期的概念,它通过 PDCA 模型,可以不断地循环改进,从而保持 ITIL 的生命活力; V3 提供了丰富的管理方法和概念;V3 加入了业界其其他的标准接口, CMMI...这一原则与精益 IT 客户价值的关键原则密切相关。2 体验设计思考并管理您的用户和客户如何体验您的服务以及他们与您的互动。这一原则与精益用户体验不谋而合。...3 从你所在的地方开始当您开始创建某物,总是想知道是否有可以重用的东西,以避免在创建相同的东西两次或拥有相同功能的多个版本浪费资源。这一原则与精益 IT 的浪费概念有关。...在此过程执行了四个连续的活动,即监视可用性、分析可用性数据、调查服务不可用性、可用性计划以及检查可用性和测试。服务级别管理这个过程基本上涉及为整个组织服务交付定义目标的计划,然后衡量他们的绩效。...在服务提供商组织设计新服务或更新现有服务,服务管理团队将需要一些服务或工具来产生预期的输出。合作伙伴/供应商服务设计的第四个也是最后一个 ITIL 4P 是合作伙伴和供应商。

67530

如何将ubuntu LTS升级为Pro

在使用系统安全服务守护进程(SSSD),可自动且轻松地将 Ubuntu Desktop 集成到当前 Active Directory 架构。...Ubuntu Pro 用户可访问更多的 Active Directory 策略,本地组策略对象支持、自定义脚本执行和权限管理等。...了解更多有关 Ubuntu 安全措施的信息 可选工作日或全天候支持级别 对于 Ubuntu Pro Desktop,用户可以选择两种支持级别的服务级别协议(SLA):工作日或全天候支持级别。...请阅读下文,了解如何在桌面上激活扩展安全维护。 现有 Ubuntu Advantage Desktop 用户也可免费升级。...现有用户也可使用该界面,通过开启 ESM 应用程序选项来启用新的扩展安全维护范围。 ESM 更新可用时,将显示在更新管理器通知

90710
领券