开发者论坛

 找回密码
 注册 (请使用非IE浏览器)
查看: 5616|回复: 0

LightningChart数据可视化工具使用篇15-轴网格带Axis grid strips

[复制链接]

0

精华

10

贡献

2072

赞扬

帖子
141
软币
3968
在线时间
255 小时
注册时间
2021-1-21
发表于 2021-3-26 10:14:02 | 显示全部楼层 |阅读模式
轴网格带Axis grid strips

演示示例:历史数据回顾(Historic data review);缩放条图表(Zoom bar chart)


轴网格(划分)间隔可以在图形背景上显示为填充效果。通过ViewXY.AxisLayout.AxisGridStripsX进行设置,可在X轴设置网格带。另外,通过AxisGridStripsY进行设置,可在Y轴设置网格带。用Both选项可以对X和Y轴都设置网格带,而用None则可不显示任何网格带。
[C#] 纯文本查看 复制代码
chart.ViewXY.AxisLayout.AxisGridStrips = XYAxisGridStrips.X;


当使用多条X轴时,可以使用XGridStripAxisIndex 对X轴设置网格带。不过,一次只能对一条X轴进行设置。
[C#] 纯文本查看 复制代码
chart.ViewXY.AxisLayout.XGridStripAxisIndex = 0;


当使用Layered YAxisLayout选项时,可以通过YGridStripAxisIndexLayeredY轴设置网格带。如果是Stacked 布局,每条Y轴都具有网格带。
[C#] 纯文本查看 复制代码
chart.ViewXY.AxisLayout.YGridStripAxisIndexLayered = 0;


在X轴或Y轴对象的GridStripColor 属性中,可以对网格带的颜色进行调整。
[C#] 纯文本查看 复制代码
chart.ViewXY.YAxes[0].GridStripColor = Color.FromArgb(80, 0, 0, 100);


微信截图_20210326095534.png
AxisGridStrips = None.

微信截图_20210326095614.png
AxisGridStrips =X.

微信截图_20210326095703.png
AxisGridStrips = Y.

微信截图_20210326095734.png
AxisGridStrips = Both. GridStripColor 同样在Y轴上也发生了变化

其他AxisLayout选项
启用XAxisAutoPlacementYAxisAutoPlacement 后,用AutoAdjustAxisGap可以设置两个相邻轴区域之间的间距(以像素为单位)。
[C#] 纯文本查看 复制代码
chart.ViewXY.AxisLayout.XAxisAutoPlacement = XAxisAutoPlacement.AllBottom;
chart.ViewXY.AxisLayout.AutoAdjustAxisGap = 10;

启用 XAxisTitleAutoPlacement (或YAxisTitleAutoPlacement)后,轴的标题距离根据数值标签的长度、轴和刻度线的对齐选项自动计算。如果禁用了XAxisTitleAutoPlacement (或YAxisTitleAutoPlacement),则用轴对象属性的Title.DistanceToAxis设置标题到轴线的距离。
[C#] 纯文本查看 复制代码
chart.ViewXY.AxisLayout.XAxisTitleAutoPlacement = false;
chart.ViewXY.XAxis[0].Title.DistanceToAxis = -20;

遇到使用问题,关注Arction公众号可以跟官方技术支持在线聊天解决,技术支持这一块儿Lightningchart做的还是不错的。
微信公众号
LightningChar0t.png

后续我会不断更新LightingChart更详细的使用方法,搬运不易,还望多多回复关注支持!谢谢!

最新版V10 LightningChart下载地址:https://katechanresearch.com/xzzx

回复

使用道具 举报

Archiver|手机版|小黑屋|开发者网 ( 苏ICP备08004430号-2 )
版权所有:南京韵文教育信息咨询有限公司

GMT+8, 2024-12-22 21:22

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表