没有找到合适的产品?
联系客服协助选型:023-68661681
提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
原创|使用教程|编辑:龚雪|2014-02-28 09:36:55.000|阅读 7673 次
概述:本节将为大家讲解如何使用交互图表Highcharts设置动画。
# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>
相关链接:
设置所有图表更新的整体动画。设置为 false 时,图表动画被关闭。这也可以通过单独的API方法通过参数来覆盖。这个选项在初始化图表的动画中不会起作用。
动画可以设置为布尔值或一个配置对象。如果 true, 它会使用'swing' jQuery 缓动效果, 时长500ms. 如果使用一个配置对象,支持下面的属性:
duration:时间以毫秒为单位的动画。
easing:当使用jQuery作为总体框架, 缓动效果能设置为 linear 或 swing。当使用jQuery plug-ins时,有更多的缓动函数支持,尤其是jQuery UI套件。见jQuery animate文档。当使用Mootools作为总体框架,使用的属性名为transition而不是easing。
$(function () { $('#container').highcharts({ chart: { animation: false }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }] }); i = 1; $('#update').click(function() { var chart = $('#container').highcharts(); chart.series[0].data[0].update(i++ % 2 ? 200 : 0); }); });
效果图:
$(function () { $('#container').highcharts({ chart: { animation: { duration: 1000 } }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }] }); i = 1; $('#update').click(function() { var chart = $('#container').highcharts(); chart.series[0].data[0].update(i++ % 2 ? 200 : 0); }); });
效果图:
$(function () { $('#container').highcharts({ chart: { animation: { duration: 1500, easing: 'easeOutBounce' } }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }] }); i = 1; $('#update').click(function() { var chart = $('#container').highcharts(); chart.series[0].data[0].update(i++ % 2 ? 200 : 0); }); });
效果图:
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@evget.com
文章转载自:慧都控件网在许多企业应用程序中,从 Visio 文件读取形状数据是一项常见需求,因为这些应用程序中的图表都包含有意义的元数据。本教程将借助Aspose.Diagram,以清晰实用的方式指导您使用 C# 读取形状数据。
PDF 的页面大小决定了其内容的显示、打印或处理方式。在准备打印、转换格式或标准化布局时,我们通常需要更改PDF文档的纸张大小。在本教程中,您将学习如何使用 Java 编辑任何 PDF 文件的页面大小。我们将通过完整的代码示例,逐步指导您完成操作。
本文主要介绍如何使用DevExpress WPF Grid控件中的节点(Nodes)概述,欢迎下载最新版组件体验!
本教程提供DevExpress WinFormsWinExplorer视图的基本信息,欢迎下载最新版组件体验!
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@evget.com
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢
慧都科技 版权所有 Copyright 2003-
2025 渝ICP备12000582号-13 渝公网安备
50010702500608号