图表Y轴根据数据集结果,自动调整最大值和最小值

在大屏图表分析中,特别是折线图中,在分析趋势时,因为Y轴默认从0开始,当数据集结果较大时,趋势图表现就不会很明显,会类似一条直线。

在常规做法中,我们会自定义Y轴的最小值或最小值;但是如果数据集结果的大小是不可控的,时而百级别,时而千级别,如果固定了最小值和最大值,会导致图表不在范围内显示等等。此时我们可以将结果集放在报表中指定位置,通过公式的方式,获取到结果集的最大值和最小值,让图表根据结果集自动调整Y轴的最大值和最小值。

1、大屏报表界面设计:

2、最值放入报表中:

3、公式获取报表中最值:

其中,最小值为:report0~C4*0.9,report0表示决策报表中的report0报表块,C4为预设计的结果集最小值;最大值也同上原理设置。

4、效果图:

 

如上,通过在报表中获取结果集的最值,并在图表中通过公式的方式获取每次结果集中的最值,就可以设置Y轴的最大值和最小值,实现图表自动调整Y轴值,让折线图的趋势更加明显。

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
功能特性 animation是否动画显示数据,默认为1(True) showNames是否显示横向坐标轴(x轴)标签名称 rotateNames是否旋转显示标签,默认为0(False):横向显示 showValues是否在图表显示对应的数据值,默认为1(True) yAxisMinValue指定纵轴(y轴)最小值,数字 yAxisMaxValue 指定纵轴(y轴)最小值,数字 showLimits是否显示图表限值(y轴最大、最小值),默认为1(True) 图表标题和轴名称 caption图表主标题 subCaption图表副标题 xAxisName横向坐标轴(x轴)名称 yAxisName纵向坐标轴(y轴)名称 图表和画布的样式 bgColor图表背景色,6位16进制颜色值 canvasBgColor画布背景色,6位16进制颜色值 canvasBgAlpha画布透明度,[0-100] canvasBorderColor画布边框颜色,6位16进制颜色值 canvasBorderThickness画布边框厚度,[0-100] shadowAlpha投影透明度,[0-100] showLegend是否显示系列名,默认为1(True) 字体属性 baseFont图表字体样式 baseFontSize图表字体大小 baseFontColor图表字体颜色,6位16进制颜色值 outCnvBaseFont图表画布以外的字体样式 outCnvBaseFontSize图表画布以外的字体大小 outCnvBaseFontColor图表画布以外的字体颜色,6位16进制颜色值 分区线和网格 numDivLines画布内部水平分区线条数,数字 divLineColor水平分区线颜色,6位16进制颜色值 divLineThickness水平分区线厚度,[1-5] divLineAlpha水平分区线透明度,[0-100] showAlternateHGridColor是否在横向网格带交替的颜色,默认为0(False) alternateHGridColor横向网格带交替的颜色,6位16进制颜色值 alternateHGridAlpha横向网格带的透明度,[0-100] showDivLineValues是否显示Div行的值,默认?? numVDivLines画布内部垂直分区线条数,数字 vDivLineColor垂直分区线颜色,6位16进制颜色值 vDivLineThickness垂直分区线厚度,[1-5] vDivLineAlpha垂直分区线透明度,[0-100] showAlternateVGridColor是否在纵向网格带交替的颜色,默认为0(False) alternateVGridColor纵向网格带交替的颜色,6位16进制颜色值 alternateVGridAlpha纵向网格带的透明度,[0-100] 数字格式 numberPrefix增加数字前缀 numberSuffix增加数字后缀% 为 '%25' formatNumberScale是否格式化数字,默认为1(True),自动的给你的数字加上K(千)或M(百万);若取0,则不加K或M decimalPrecision指定小数位的位数,[0-10]例如:='0' 取整 divLineDecimalPrecision指定水平分区线的值小数位的位数,[0-10] limitsDecimalPrecision指定y轴最大、最小值的小数位的位数,[0-10] formatNumber逗号来分隔数字(千位,百万位),默认为1(True);若取0,则不加分隔符 decimalSeparator指定小数分隔符,默认为'.' thousandSeparator指定千分位分隔符,默认为',' Tool-tip/Hover标题 showhovercap是否显示悬停说明框,默认为1(True) hoverCapBgColor悬停说明框背景色,6位16进制颜色值 hoverCapBorderColor悬停说明框边框颜色,6位16进制颜色值 hoverCapSepChar指定悬停说明框内值与值之间分隔符,默认为',' 折线图的参数 lineThickness折线的厚度 anchorRadius折线节点半径,数字 anchorBgAlpha折线节点透明度,[0-100] anchorBgColor折线节点填充颜色,6位16进制颜色值 anchorBorderColor折线节点边框颜色,6位16进制颜色值 Set标签使用的参数 value数据值 color颜色 link链接(本窗口打开[Url],新窗口打开[n-Url],调用JS函数[JavaScript:函数]) name横向坐标轴标签名称
Dragonfly Chart .Net for Windows Form 包括七个图表.Net控件, 属于下列类型, 饼图、环图、条形图、X-Y曲线图、弧度模态图。Dragonfly Chart .Net 提供了两维/三维控件,这些控件已被广泛应用在象工业自动化HMI、SCADA系统或质量分析与控制、 科学研究与分析、和其他开发或建模仿真等应用领域中。 Dragonfly Chart .Net包中有三个 .Net (Windows Form) 控件子包, • 条形图控件 Bar Chart for .Net - DasNetBarChart包含DAS_Net_BarChart和DAS_Net_FlatBarChart两控件; • 饼图控件 Pie Chart & Ring Chart for .Net - DasNetPieChart包含DAS_Net_PieChart, DAS_Net_FlatPieChart 和 DAS_Net_3DPieChart三个控件; • 数据曲线图控件 X-Y Chart & Angle Chart for .Net - DasNetDataChart包含DAS_Net_XYChart 和 DAS_Net_AngularChart两控件 Dragonfly Chart .Net提供帮助文件(PDF),使用例程(C#, VB.NET,VC.NET)等来指导你快速使用这些控件,并可了解这些控件提供的功能。 条形图控件 Bar Chart for .Net 条形图由一根轴和一系列标记了的水平条或垂直条(这些条形用来代表一些相关变量的值)组成的。条形图可以显示一系列变量在某一时刻的值或比较相关变量的值。 条形图表已在许多应用领域用来图形显示或比较在系统一些变量的值。在财经和统计分析领域,条形图表是一个常用的工具来可视化直观地显示和比较不同组别的各变量数值情况。 条形图控件子包DasNetBarChart包含两个条形图控件来满足各种场合对各式各样的条形图的需求,即DAS_Net_BarChart和DAS_Net_FlatBarChart两控件。 DAS_Net_BarChart控件能用许多样式的水平条或垂直条来显示,条形能用梯度着色或单一着色, 能显示阴影,支持条形组、三维显示、背景比例格栏、数值比例尺和其他一些特性。 另一个条形图控件, 即DAS_Net_FlatBarChart, 支持更多的图表特性:另一个条形图控件, 即DAS_Net_FlatBarChart, 支持更多的图表特性:另一个条形图控件, 即DAS_Net_FlatBarChart, 支持更多的图表特性:另一个条形图控件, 即DAS_Net_FlatBarChart, 支持更多的图表特性:另一个条形图控件, 即DAS_Net_FlatBarChart, 支持更多的图表特性: • 变量或条形组的名称显示; • 条形曲线显示; • 支持设置条形最大值最小值; • 支持图头文字 / 图尾文字; • 支持条形 + 点 + 曲线; 饼图/环形控件 Pie Chart & Ring Chart for .Net 饼图是将一个园饼分成几个扇形, 每个扇形代表某一事件或因子在整体行为或实体中所占份额信息,所有扇形所代表的份额就组成整体(100%)。 故饼图是一个很好的图形工具来显示某一实体或事件组成关系。在财经和统计分析领域,饼图是个常用的直观的可视化工具来展示各种因素对某一事件或状态的贡献百分比。 一个饼图是用扇形在整个圆饼所占的比例大小的百分比来表示某一因素在某一事件或状态的百分值。 饼图和百分比栏常在许多系统中用来表示过程或某些状态的百分比情况。它用图形直观的告诉使用者当前的百分比情况。 数据曲线图控件 X-Y Chart & Angle Chart for .Net 数据曲线图控件是用来图形可视化显示能用y=f(x)表示的过程曲线.如果(x, y)是在X_Y坐标系中的一个点, X-Y Chart可以用来显示它. 如果x是角度或弧度而 y是模态(长度), AngleChart便可用来显示它. 数据曲线图已在许多应用领域用来图形显示动态过程或动态特性或金融系统中的数据关系。在财经统计分析和工业自动化系统领域, 数据曲线图是一个常用的工具来可视化直观地显示各系统变量的复杂关系或动态轨迹。 在大多数工业应用和金融商业应用中, X-Y Chart 是一个主要的工具来显示个相关数据或监控实时过程与分析过程品质. 在许多军事应用领域或运动过程控制控制领域(比如机器人运动控制、航空器飞行控制),(弧度模态图)Angle Chart 也是常用的工具来分析方向运动过程。 X-Y Chart 控件能水平(从左到右或从右到左)或竖直(从上到下或从下到上)来画曲线,其外表形式可以多种. X-Y Chart主要显示和分析动态或静态数据,揭示数据间的关系. Angle Chart 和 X-Y Chart类似, 但 Angle Chart描述的是(角度/弧度, 模态(长度))曲线, 而不是 (X, Y)坐标曲线. Angle Chart可以顺时针或逆时针用各种显示方式来画要求的曲线。 http://www.commuch.com/Products/All/charting/Dragonfly-Chart-Net-WinForm/Details.aspx
当我们使用ECharts制作图表时,Y轴数值通常是图表的核心部分,因为它们描述了数据的大小和变化。要设置Y轴的值,我们可以通过以下步骤进行操作。 首先,我们需要创建一个基础的ECharts图表实例,并设置一个X轴和一个Y轴。可以使用如下代码初始化一个基础的ECharts图表: ```javascript var myChart = echarts.init(document.getElementById('main')); var option = { xAxis: {}, yAxis: {} }; myChart.setOption(option); ``` 在这个例子中,我们创建了一个ECharts实例,并将其绑定到一个名为“main”的DOM元素上。” 然后,我们需要设置Y轴最小值最大值。要实现这一点,我们可以在Y轴的选项中添加“min”和“max”属性。例如,将Y轴最小值设置为0,最大值设置为100: ```javascript var option = { xAxis: {}, yAxis: { min: 0, max: 100 } }; myChart.setOption(option); ``` 我们可以使用其他属性来改变Y轴的外观和行为,例如设置刻度线的数量、更改轴线的颜色等等。此外,我们还可以将Y轴标签设置为特定格式的数字或字符串。此处提供的只是最基础的设置方法,更多高级的设置可以在ECharts官方文档中找到。 总之,在ECharts中设置Y轴数值需要经过多个步骤。首先,我们需要初始化一个基础的ECharts图表实例,然后设置Y轴的最小和最大值,以及其他属性和标签。这样,我们就可以创建具有定制化Y轴数值的图表了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

丿潇湘丶书笛

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值