提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|使用教程|编辑:杨鹏连|2020-09-14 10:19:43.030|阅读 118 次
概述:本文介绍了如何创建垂直图表以及如何动态更改图表的方向。
# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>
AnyGantt是基于JavaScript的高级解决方案,用于构建复杂且信息丰富的甘特图。它完全跨浏览器和跨平台,可用于ASP.NET、ASP、PHP、JSP、ColdFusion、Ruby on Rails或简单的HTML页面。
总览
在AnyChart中,您可以通过切换轴的方向以垂直方向绘制图表。大多数类型的系列都支持此功能-请参阅“ 支持的类型”部分。
本文介绍了如何创建垂直图表以及如何动态更改图表的方向。
快速开始
要创建垂直图表,请使用以下三个图表构造函数之一:
您可以将数据传递到图表构造函数以创建一系列相同类型的数据。或者,您可以手动指定系列类型。如果系列的类具有isVertical()方法,则该系列支持垂直方向。例如,这是Line系列的isVertical()方法。您还可以查看本文的“ 支持的类型”部分。
在下面的示例中,由splineArea()和spline()方法创建了两个系列,即Spline Area和Spline,图表构造函数为anychart.vertical():
// create a data set var data = anychart.data.set([ ["January", 10000, 12500], ["February", 12000, 15000], ["March", 13000, 16500], ["April", 10000, 13000], ["May", 9000, 11000] ]); // map the data var seriesData_1 = data.mapAs({x: 0, value: 1}); var seriesData_2 = data.mapAs({x: 0, value: 2}); // create a chart chart = anychart.vertical(); // create the first series (bar) var series1 = chart.splineArea(seriesData_1); // create the second series (spline) var series2 = chart.spline(seriesData_2); // set the container id chart.container("container"); // initiate drawing the chart chart.draw();
系列
创建序列后,可以通过调用isVertical()方法并将其参数设置为trueor 来即时更改其方向false(例如,这是Line系列的isVertical()方法)。
注意:此设置仅影响系列,而不影响轴。
在以下示例中,此方法用于在同一图表上绘制两个水平(区域)和垂直(条形)序列:
// create a chart chart = anychart.area(); // create the first series var series1 = chart.area(seriesData_1); // create the second series var series2 = chart.area(seriesData_2); // create the third series var series2 = chart.column(seriesData_3); // change the orientation of the third series to vertical chart.getSeriesAt(2).isVertical(true);
要使用基本的笛卡尔图表即时切换整个图表的方向,您可以简单地使用isVertical()方法。
// create a chart chart = anychart.line(); // change the orientation of the chart chart.isVertical(true);
支持的类型
以下是受支持的垂直图表的列表:
APS是慧都科技15年行业经验以及技术沉淀之作,通过连接企业接单、采购、制造、仓储物流等整个供应链流程,帮助提升企业生产效率。
想要购买AnyGantt正版授权或慧都APS系统,或了解更多产品信息请点击
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.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@cahobeh.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢