WPF图表控件Chart FX使用方法系列:如何绘制地图轮廓

发布网友 发布时间：2022-04-22 10:30

我来回答

共1个回答

热心网友 时间：2023-07-01 08:16

这个功能将能够使得我们在一个3D图表上添加或控制第三个轴。个人觉得最新的这个SurfaceXYZ图表最炫的功能就是创使用来自不同城市的数据建地理位置上精确的表面。这个功能可以用于很多的地方，比如说图表绘制、每个城市会甚至是一个国家的总销售收入等。 在本次的示例中，我们假设需要显示整个佛罗里达超过800家店的客户满意度，我们将按照城市的字母顺序，然而定位指定商店的分数是非常容易的，但是难的是了解国家哪些区域的商店比其他的地方做的更好，并将其绘制在表面上。在另一方面，将会打组所有接近的商店，这样就会很好的找到最好和最差的区域时哪里，这种情况特别适合于一个国家的地图，最终的效果将会如下所示： 选择一张地图，我选择了Mercator墨卡托投影的地图，也许你还没注意到，我们已将这个所选的地图放在了表面。这样做是因为用于表面的三角测量法将会插入所有的数据到我们的表面上，从墨西哥湾商店的数据收集来造成一种假象。值得注意的是，我们将这张图盖住了城市是透明的区域，这样的话，非透明的海洋将会覆盖插入的数据就会显得没有意义。下面是我们没有表面的地图的样子。 现在已经选择了地图，来看看数据资料： 我们有着商店的经度和纬度，这将会值得通过GPS找到这个位置非常的容易。接下来，我们要将它转化成在我们随所挑选的地图上的像素值，由于这是一个墨卡托投影，使用下面的公式来进行转换（φ表示的是经度，λ表示的是纬度）。 一旦将我们的数据格式化之后，就可以将数据传递到图表，看看会得到什么样的结果： SurfaceXYZ surfaceXYZ = new SurfaceXYZ(); surfaceXYZ.ShowPointsGridlines = false; surfaceXYZ.ShowSeriesGridlines = false; surfaceXYZ.ShowContourLines = true; chart1.ItemsSource = chartData; SeriesAttributes series0 = new SeriesAttributes(); SeriesAttributes series1 = new SeriesAttributes(); series0.GalleryAttributes = surfaceXYZ; series1.GalleryAttributes = surfaceXYZ; series0.BindingPath = "Score"; series0.BindingPathX = "X"; series1.BindingPath = "Y"; chart1.Series.Add(series0); chart1.Series.Add(series1); 值得注意的是，我们在这里需要两个系列的XYZ图表，第二个图表将会被绑定到Z数据，但是由于我们希望在上面的表面是以一种二维的方式，我们将它称为“Y”（在地图上或是在纬度上）。Y轴表示着我们正在传递的值，如果这不是二维的图表，它将会代表着深度或高度。 在表面多余的代码，依然会有用，如果在图表上做一些变动使它变成轮廓。 ChartFX.WPF.View3D view3D = chart1.View3D; view3D.IsEnabled = true; view3D.AngleX = -90; view3D.AngleY = 0; view3D.Projection = Projection.Orthographic; view3D.BackWallVisibility = Visibility.Collapsed; chart1.AxisX.Line.Visibility = Visibility.Hidden; chart1.AxisX.Grids.Major.Visibility = Visibility.Hidden; view3D.Lights.Clear(); System.Windows.Media.Media3D.AmbientLight ambLight = new System.Windows.Media.Media3D.AmbientLight(Color.FromRgb(0xD0, 0xD0, 0xD0)); view3D.Lights.Add(ambLight); 如果你仔细看会发现，这个“Florida shape”看起来有一点扭曲，这个主要是因为我们的轮廓是放置在一个平面上的，而不是我们选择的地图的比例设置。此外，在X轴和Z轴上的最大值并不是在我们地图上使用的值。