提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|使用教程|编辑:杨鹏连|2020-08-17 09:59:32.467|阅读 200 次
概述:本文介绍了如何创建格式化功能、规范、缩放等级、导航等功能。
# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>
AnyGantt是基于JavaScript的高级解决方案,用于构建复杂且信息丰富的甘特图。它完全跨浏览器和跨平台,可用于ASP.NET、ASP、PHP、JSP、ColdFusion、Ruby on Rails或简单的HTML页面。
相关内容推荐:
格式化功能
要配置标签和工具提示,可以使用格式化功能和下面列出的字段。
范围系列的功能字段:
下面的示例演示了如何配置标签和工具提示以及如何使用格式化功能来格式化其文本。与常规字段一起使用自定义字段manager。
// a function for formatting labels of range series function rangeLabelFormat() { return this.getData("name").toUpperCase(); } // format labels of range series rangeSeries1.labels().format(rangeLabelFormat); rangeSeries2.labels().format(rangeLabelFormat); // configure labels of range series rangeSeries1.labels().fontColor("#64b5f6"); rangeSeries2.labels().fontColor("#1976d2"); // a functions for formatting labels of moment series function momentLabelFormat() { return this.value.toUpperCase(); } // format labels of moment series momentSeries1.labels().format(momentLabelFormat); momentSeries2.labels().format(momentLabelFormat); // configure labels of moment series momentSeries1.labels().width(80); momentSeries2.labels().width(80); momentSeries1.labels().fontColor("#96a6a6"); momentSeries2.labels().fontColor("#96a6a6"); momentSeries1.labels().background().stroke("#ffa000", 2); momentSeries2.labels().background().stroke("#ffd54f", 2); // format labels of the axis chart.axis().labels().format(function(){ return this.value.substr(2); });
// a function for formatting tooltips of range series function rangeTooltipFormat() { var duration = (this.end - this.start) / 1000 / 3600 / 24; var start = anychart.format.dateTime(this.start, "dd MMM"); var end = anychart.format.dateTime(this.end, "dd MMM"); return "" + this.getData("name").toUpperCase() + "" + " Dates: " + start + " – " + end + " Duration: " + duration + " days" + " Group: " + this.seriesName + " Manager: " + this.getData("manager"); } // format tooltips of range series rangeSeries1.tooltip().useHtml(true); rangeSeries2.tooltip().useHtml(true); rangeSeries1.tooltip().format(rangeTooltipFormat); rangeSeries2.tooltip().format(rangeTooltipFormat); // configure tooltips of range series rangeSeries1.tooltip().title().enabled(false); rangeSeries2.tooltip().title().enabled(false); rangeSeries1.tooltip().separator().enabled(false); rangeSeries2.tooltip().separator().enabled(false); // a function for formatting tooltips of range series function momentTooltipFormat() { var date = anychart.format.dateTime(this.x, "dd MMM"); return "" + this.value.toUpperCase() + "" + " Date: " + date + " Group: " + this.seriesName; } // format tooltips of moment series momentSeries1.tooltip().useHtml(true); momentSeries2.tooltip().useHtml(true); momentSeries1.tooltip().format(momentTooltipFormat); momentSeries2.tooltip().format(momentTooltipFormat); // configure tooltips of moment series momentSeries1.tooltip().title().enabled(false); momentSeries2.tooltip().title().enabled(false); momentSeries1.tooltip().separator().enabled(false); momentSeries2.tooltip().separator().enabled(false);规模
比例尺的设置会影响轴的外观。配置缩放级别还影响导航和默认行为的工作方式。
基本设置
要配置比例,请将scale()与以下方法结合使用:
此示例显示如何调整比例。轴的标签配置为显示会计年度的开始月份。
// set the minimum and maximum values of the scale chart.scale().minimum(Date.UTC(2003,7,30)); chart.scale().maximum(Date.UTC(2007,5,30)); // set the starting month of the fiscal year chart.scale().fiscalYearStartMonth(7); // format labels of the axis chart.axis().labels().format( "{%tickValue}{dateTimeFormat: MMM y}" );
可以放大和缩小时间线图表-例如,借助鼠标滚轮。请参阅导航和行为部分以了解更多信息。(请注意,在所有以前的示例中,缩放都是禁用的。)
您可以指定轴在每个缩放级别以及默认状态下显示的时间单位。将scale()与zoomLevels()结合使用。
缩放级别设置为对象数组。在每个对象中,应指定两个值,unit以及count:级别的时间单位和由轴的一个刻度表示的单位数。
// set zoom levels of the scale chart.scale().zoomLevels([ [ {unit: "year", count: 1}, {unit: "month", count: 3} ] ]);注意:必须按特定顺序列出级别:从最小时间单位的级别到最大时间单位的级别,其以默认状态显示。例如,毫秒在秒之前,月在年之前,依此类推。
可用的单位可以在anychart.enums.Interval中找到:
chart.scale().zoomLevels([ [ {"unit": "week", count: 1}, {"unit": "month", count: 1}, {"unit": "quarter", count: 1} ] ]);
默认情况下,您可以在鼠标的帮助下浏览时间线图表–请参见“ 行为”部分。另外,您可以使用特殊方法,“缩放控制面板”和滚动条,如以下小节所示。
注意:缩放的方式取决于缩放比例的设置。阅读比例尺:缩放级别以了解更多信息。
方法
使用以下方法浏览图表:
// zoom the chart to the given dates chart.zoomTo(Date.UTC(2005,3,1), Date.UTC(2006,3,1)); // fit the chart to the container chart.fit();这些方法是这样工作的:
滚动条允许滚动和缩放图表。您可以在“ 通用设置:滚动条”文章中找到有关此元素的详细指南。
要启用或禁用滚动条,请将true/ 传递false到图表的scroller()方法或滚动条的enabled()方法:
// enable the scroller chart.scroller(true);
// enable the scroller chart.scroller().enabled(true);要配置滚动器,请使用anychart.core.ui.ChartScroller类的其他方法。
下面的示例演示如何启用和禁用滚动条。默认情况下,借助zoomTo() 方法将图表放大到日期范围。滚动条允许更改范围。
变焦控制面板是与允许放大,缩小,和重置图表三个按钮的HTML对象。
它需要添加Common UI模块:
<script src="//cdn.anychart.com/releases/8.7.1/js/anychart-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="//cdn.anychart.com/releases/8.7.1/css/anychart-ui.min.css?hcode=a0c21fc77e1449cc86299c5faa067dc4"/>
另外,您应该引用anychart-ui.min.css和anychart-font.min.css文件:
<link rel="stylesheet" type="text/css" href="//cdn.anychart.com/releases/8.7.1/fonts/css/anychart-font.min.css"/>
// add a zoom control panel var zoomController = anychart.ui.zoom(); zoomController.target(chart); zoomController.render();
默认情况下,用户可以通过拖放来滚动时间线图表。同样,可以使用鼠标滚轮放大和缩小图表。(请注意,在本文的大多数示例中,缩放被禁用。)
为防止缩放,请结合使用交互性和zoomOnMouseWheel()方法:
// prevent zooming the chart with the mouse wheel chart.interactivity().zoomOnMouseWheel(false);注意:缩放的方式取决于缩放比例的设置。阅读比例尺:缩放级别以了解更多信息。
下面的示例显示了如何禁用和启用缩放:
本教程未完待续,感兴趣的朋友可以下载AnyGantt试用版免费体验哦~更多产品信息请咨询
APS是慧都科技15年行业经验以及技术沉淀之作,通过连接企业接单、采购、制造、仓储物流等整个供应链流程,帮助提升企业生产效率。
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@capbkgr.cn
文章转载自:本文探讨 SQL Server 中 NULL 和空值之间的区别,并讨论如何有效地处理它们。
Unity 是一款功能极其丰富的游戏引擎,允许开发人员将各种媒体集成到他们的项目中。但是,它缺少最令人兴奋的功能之一 - 将 Web 内容(例如 HTML、CSS 和 JavaScript)直接渲染到 3D 场景中的纹理上的能力。在本文中,我们将介绍如何使用 DotNetBrowser 在 Unity3D 中将 Web 内容渲染为纹理。
DevExpress v24.2帮助文档正式发布上线了,请按版本按需下载~
本教程将向您展示如何用MyEclipse构建一个Web项目,欢迎下载最新版IDE体验!
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@capbkgr.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢