提供3000多款全球软件/控件产品
针对软件研发的各个阶段提供专业培训与技术咨询
根据客户需求提供定制化的软件开发服务
全球知名设计软件,显著提升设计质量
打造以经营为中心,实现生产过程透明化管理
帮助企业合理产能分配,提高资源利用率
快速打造数字化生产线,实现全流程追溯
生产过程精准追溯,满足企业合规要求
以六西格玛为理论基础,实现产品质量全数字化管理
通过大屏电子看板,实现车间透明化管理
对设备进行全生命周期管理,提高设备综合利用率
实现设备数据的实时采集与监控
利用数字化技术提升油气勘探的效率和成功率
钻井计划优化、实时监控和风险评估
提供业务洞察与决策支持实现数据驱动决策
翻译|使用教程|编辑:龚雪|2023-11-28 11:06:09.407|阅读 24 次
概述:本教程主要介绍如何使用图表控件LightningChart .NET中创建WPF 2D热图来用于高级的数据分析,欢迎下载最新版控件体验!
# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>
LightningChart.NET完全由GPU加速,并且性能经过优化,可用于实时显示海量数据-超过10亿个数据点。 LightningChart包括广泛的2D,高级3D,Polar,Smith,3D饼/甜甜圈,地理地图和GIS图表以及适用于科学,工程,医学,航空,贸易,能源和其他领域的体绘制功能。
在上文中(点击这里回顾>>),我们为大家介绍了什么是WPF 2D热图及项目的基本概述和设置等,本文将继续重点介绍代码部分的实现,请继续关注我们获取更多LightningChart中文教程指南哦~
主代码将被封装在MainWindow.xaml.cs中,在这里我们将找到UI控件的代码。
在代码中,我们将检查两个方法,它们将创建正确绘制2D热图所需的属性。交互式示例使用各种用户控件构建,来操纵和更改图表的视觉属性。生成这个图不需要这些控件,因此我们将重点关注负责生成对象的代码。
这个主方法将创建2D热图对象:
_chart = new LightningChart();
我们需要在更新图表属性时禁用控件重绘,BeginUpdate()将重新绘制控件。
_chart.BeginUpdate();
LightningChart 2D热图有以下主要视图:ViewXY, View3D, ViewPie3D, ViewPolar, ViewSmith,可以通过设置ActiveView属性来更改可见视图,默认视图为ViewXY。
_chart.ActiveView = ActiveView.ViewXY; _chart.ChartName = "Heat map chart";
我们可以访问X轴和Y轴,并将这些对象分配给AxisX/AxisY对象。
// Configure x-axis. _chart.ViewXY.XAxes[0].ValueType = AxisValueType.Number; _chart.ViewXY.XAxes[0].ScrollMode = XAxisScrollMode.None; _chart.ViewXY.XAxes[0].SetRange(0, 100); // Configure y-axis. _chart.ViewXY.YAxes[0].SetRange(0, 100);
ValueType有以下选项:
图例框可以自动或手动放置,自动放置允许它们对齐到2D热图段的左/上/右/底部,或在边缘,用position属性控制位置。
//Configure legend _chart.ViewXY.LegendBoxes[0].Layout = LegendBoxLayout.Vertical; _chart.ViewXY.LegendBoxes[0].Offset = new PointIntXY(-15, -70); // Configure legend box. _chart.ViewXY.LegendBoxes[0].Layout = LegendBoxLayout.Vertical;
位置选项有:TopCenter, TopLeft, TopRight, LeftCenter, RightCenter, BottomLeft, BottomCenter, BottomRight, Manual。
IntensityGridSeries允许可视化M x N个节点数组,通过指定的值范围调色板着色,节点之间的颜色被插值。
IntensityGridSeries是X和Y维度上均匀间隔的矩形序列,这个系列允许绘制等高线、等高线标签和线框图。
_intensityGrid = new IntensityGridSeries(_chart.ViewXY, _chart.ViewXY.XAxes[0], _chart.ViewXY.YAxes[0]) { ContourLineType = ContourLineTypeXY.None, Optimization = IntensitySeriesOptimization.DynamicData, LegendBoxUnits = "°C", LegendBoxValuesFormat = "0" }; _intensityGrid.Title.Text = "Heat map"; _intensityGrid.AllowUserInteraction = false; _chart.ViewXY.IntensityGridSeries.Add(_intensityGrid);
使用SetHeightDataFromBitmap方法来实现这一点。
series Data数组属性获取位图大小的大小(如果不使用抗混叠或重采样),对于每个位图图像像素,红色、绿色和蓝色值被求和。和越大,该节点的数据值就越大。黑色和深色得到较低的值,而明亮和白色得到较高的值。
private void SetExampleData() { // Load example data from resource stream. string strResourceImage = "Ground400x240.jpg"; string baseDirectory = Environment.CurrentDirectory; System.Drawing.Bitmap bitmap = new System.Drawing.Bitmap(baseDirectory + @"\Resources\" + strResourceImage); CreateIntensitySeriesData(bitmap); }
private void ApplyFillStyle() { if (_constructing == true) { return; } // Disable rendering, strongly recommended before updating chart properties. _chart.BeginUpdate(); if (radioButtonSourceDataColoring.IsChecked == true) { _intensityGrid.Fill = IntensityFillStyle.FromSurfacePoints; } else if (radioButtonValueColoringGradient.IsChecked == true) { _intensityGrid.Fill = IntensityFillStyle.Paletted; _intensityGrid.ValueRangePalette.Type = PaletteType.Gradient; } else if (radioButtonValueColoringSolid.IsChecked == true) { _intensityGrid.Fill = IntensityFillStyle.Paletted; _intensityGrid.ValueRangePalette.Type = PaletteType.Uniform; } else if (radioButtonSingleColor.IsChecked == true) { _intensityGrid.Fill = IntensityFillStyle.Toned; }
使用Fill属性选择填充样式,以下选项可用:
启用FullInterpolation属性来在填充中使用增强的插值方法,请注意这将导致更多的CPU和GPU使用。通过使用全插值,填充质量更好,但只有当数据数组大小相当小时才能看到填充质量。
等高线:登高线可以与填充和线框属性一起使用,通过设置ContourLineType属性,可以绘制不同样式的等高线:
private void ApplyContourLinesStyle() { if (_constructing == true) { return; } // Disable rendering, strongly recommended before updating chart properties. _chart.BeginUpdate(); if (radioButtonContourNone.IsChecked == true) { _intensityGrid.ContourLineType = ContourLineTypeXY.None; } else if (radioButtonContourFastZones.IsChecked == true) { _intensityGrid.ContourLineType = ContourLineTypeXY.FastColorZones; } else if (radioButtonContourFastPalettedZones.IsChecked == true) { _intensityGrid.ContourLineType = ContourLineTypeXY.FastPalettedZones; } else if (radioButtonContourLines.IsChecked == true) { _intensityGrid.ContourLineType = ContourLineTypeXY.ColorLine; } else if (radioButtonContourPalettedLines.IsChecked == true) { _intensityGrid.ContourLineType = ContourLineTypeXY.PalettedLine; }
这个项目的逻辑是基于一个网格型的二维热图,如果我们选择允许观察线框的选项,将看到每个生成的节点。
最高值将显示为红色,最低值将显示为紫色。对于本例,强度范围内的值与图像中每个像素的颜色强度成正比。如果您上传的图像背景为黑色,则它将在热图中显示紫色,因为它是强度范围中最暗的颜色。
例如,我们可以通过观察强烈的肤色来识别人类面部温度最高的区域。在下面的图片中,我们可以注意到,面部最热的区域在40-50摄氏度之间(这对人类来说是相当高的,但可以说这是一个可以接受的范围,用于演示目的),而最冷的区域在30摄氏度之间。
LightningChart.NET库允许我们识别颜色并生成自己的调整来制作渐变层,这有助于我们识别许多研究案例的强度,例如温度,振动等。
本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn
文章转载自:慧都网本文探讨 SQL Server 中 NULL 和空值之间的区别,并讨论如何有效地处理它们。
Unity 是一款功能极其丰富的游戏引擎,允许开发人员将各种媒体集成到他们的项目中。但是,它缺少最令人兴奋的功能之一 - 将 Web 内容(例如 HTML、CSS 和 JavaScript)直接渲染到 3D 场景中的纹理上的能力。在本文中,我们将介绍如何使用 DotNetBrowser 在 Unity3D 中将 Web 内容渲染为纹理。
DevExpress v24.2帮助文档正式发布上线了,请按版本按需下载~
本教程将向您展示如何用MyEclipse构建一个Web项目,欢迎下载最新版IDE体验!
高性能WPF和Winforms图表,可以实时可视化多达1万亿个数据点。
LightningChart JS高性能的JavaScript图表库,专注于实时数据可视化。
服务电话
重庆/ 023-68661681
华东/ 13452821722
华南/ 18100878085
华北/ 17347785263
客户支持
技术支持咨询服务
服务热线:400-700-1020
邮箱:sales@cahobeh.cn
关注我们
地址 : 重庆市九龙坡区火炬大道69号6幢