C1Chart for WPF旋转和3D轴旋转 - 葡萄城技术博客

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

1.C1Chart旋转

要旋转C1Chart，我们就需要了解WPF中的变形（ RenderTransform ）类。

它是为了达到直接去改变某个Silverlight对象的形状（比如缩放、旋转一个元素）的目的而设计的，RenderTransform包含的变形属性成员就是专门用来改变Silverlight对象形状的，它可以实现对元素拉伸，旋转，扭曲等效果，同时变形特效也常用于辅助产生各种动画效果。

而我们要使用的就是RenderTransform类中的RotationTransform,能够让某对象产生旋转变化，根据中心点进行顺时针旋转或逆时针旋转。

代码参考：

<c1:C1Chart.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform Angle="90"/>
                    <TranslateTransform/>
                </TransformGroup>
            </c1:C1Chart.RenderTransform>

2.3D轴旋转

将C1Chart的类型设置为ChartType.Ribbon。图表就会出现X,Y,Z三个轴的3D效果。

现在的需求是将X,Y,Z三个轴进行运行时的动态旋转。

这里需要用到一个重要的概念： AxisAngleRotation3D 。

AxisAngleRotation3D 类代表特定的轴3D旋转特定的角度。

它的 构造函数 如下：

名称说明 AxisAngleRotation3D ()

创建3D旋转实例

本文就是用第二种方法，传入特定轴和角度实现旋转。

因此我们就要设置 RotateTransform3D.Rotation 为 AxisAngelRotation3D。

获取RotateTransform3D并设置的代码参考：

var grid = this.chart.Content as Grid;
            var border = grid.Children[0] as Border;
            var canvas = border.Child as Canvas;
            var chartViewport = canvas.Children[0] as Viewport3D;
            ModelVisual3D mv = chartViewport.Children[0] as ModelVisual3D;
            var transformGroup = mv.Transform as Transform3DGroup;
            var rotation = transformGroup.Children[1] as RotateTransform3D;
            rotation.Rotation = new AxisAngleRotation3D(new Vector3D(0.99379, -0.111, 0), 57.55692);

初始化的时候图表显示如下：

将轴旋转90度后的效果如下：

本文所用的示例请下载 ： chart_Rotation.zip (19.60 kb)