Chart3D for WPF - How to control Chart 3D Rotation with slider?

Igor,

Thank you for the speedy reply. However, while the attached solution does fix the chart shaking issue, the purpose of the slider is to change the X axis rotation angle, while having the same Y and Z rotation angle as when the slider was changed. I would like to be able to move the chart into any position using my mouse and runtime rotation, then be able to only effect the X-axis with the slider. I do not need the Y and Z axis to be fixed beforehand, I need them to remain at their value after a rotation was done with the mouse. That is my purpose for using

C#
AxisAngleRotation3D AxisRotationY = new AxisAngleRotation3D(new Vector3D(0, 1, 0), Vector3D.AngleBetween(new Vector3D(0, 1, 0), MainChart3D.ContentTransform.Transform(new Vector3D(0, 1, 0))));
AxisAngleRotation3D AxisRotationZ = new AxisAngleRotation3D(new Vector3D(0, 0, 1), Vector3D.AngleBetween(new Vector3D(0, 0, 1), MainChart3D.ContentTransform.Transform(new Vector3D(0, 0, 1))));

However, I think there may be a flaw in either the way I am calculating the angle for Y and Z, or MainChart3D.ContentTransform is not giving the information I am expecting

Please let me know if this is possible

Hello Colby,

Thank you for clarifying your usage scenario.

The Chart3DControl.ContentTransform property is designed only to set position, rotation angles, and scale of the chart in code; it is not changed when an end user rotates a chart. To get actual information about three-dimensional chart transformations, use the Chart3DControl.ActualContentTransform property.

I tested your calculation algorithm with the ActualContentTransform property, but the axis angle is still not calculated correctly. Since the configuration and modifications of Transform3D are a common programming task, we will not be able to create an algorithm for calculating axis angles for your task. However, I tested axis rotation using the built-in Matrix3D.RotateAt method, and it works as expected:

C#
private void TrackBarEdit_EditValueChanged(object sender, DevExpress.Xpf.Editors.EditValueChangedEventArgs e)
{
    var matrix = MainChart3D.ActualContentTransform.Value;
    var old = e.OldValue == null ? 0 : (double)e.OldValue;
    matrix.RotateAt(new Quaternion(new Vector3D(1, 0, 0), (double)e.NewValue - old), new Point3D(0, 0, 0));
    MainChart3D.ContentTransform = new MatrixTransform3D(matrix);
}

I hope this information is helpful.

Igor,

Your implementation for slider control worked perfectly. I was able to not only use it for the X slider, but also for Y and Z sliders. However, I wanted the rotation to be applied to the axis of my graph itself, based on it's current orientation. I was able to achieve this by setting the ContentTransform of the Chart3DControl to the product of an identity matrix that has had the rotation I want applied to it with the original matrix from ActualContentTransform.

Here is the code for that:

C#
private void RotationSliderChangedEventX(object sender, DevExpress.Xpf.Editors.EditValueChangedEventArgs e)
{
    var matrix = MainChart3D.ActualContentTransform.Value;
    var old = e.OldValue == null ? 0 : (double)e.OldValue;
    Matrix3D matrixCopy = new Matrix3D();
    matrixCopy.RotateAt(new Quaternion(new Vector3D(1, 0, 0), (double)e.NewValue - old), center);

    matrix = matrixCopy * matrix;
    MainChart3D.ContentTransform = new MatrixTransform3D(matrix);
}

private void RotationSliderChangedEventY(object sender, DevExpress.Xpf.Editors.EditValueChangedEventArgs e) //CHANGE BACK TO Y AXIS ROTATION WHEN DONE
{
    var matrix = MainChart3D.ActualContentTransform.Value;
    var old = e.OldValue == null ? 0 : (double)e.OldValue;
    Matrix3D matrixCopy = new Matrix3D();
    matrixCopy.RotateAt(new Quaternion(new Vector3D(0, 1, 0), (double)e.NewValue - old), center);

    matrix = matrixCopy * matrix;
    MainChart3D.ContentTransform = new MatrixTransform3D(matrix);
}

private void RotationSliderChangedEventZ(object sender, DevExpress.Xpf.Editors.EditValueChangedEventArgs e)
{
    var matrix = MainChart3D.ActualContentTransform.Value;
    var old = e.OldValue == null ? 0 : (double)e.OldValue;
    Matrix3D matrixCopy = new Matrix3D();
    matrixCopy.RotateAt(new Quaternion(new Vector3D(0, 0, 1), (double)e.NewValue - old), center);

    matrix = matrixCopy * matrix;
    MainChart3D.ContentTransform = new MatrixTransform3D(matrix);
}

While this works, I want to sliders to be able to have their value correspond to the rotation angle of each of the three axes. That is to say that I want the slider to work in reversal as well, so that when the chart is rotated with the mouse, the value on the slider will change accordingly.

How can I do this? How am I meant to get this information from the Chart3DControl.ActualContentTransform.

Here is my attempt so far, which leads to incorrect results and the values do not correspond to the vector that the slider is attached to:

C#
Matrix3D matrix = MainChart3D.ActualContentTransform.Value
Vector3D vect1 = new Vector3D(1, 0, 0);
Vector3D rotatedVect1 = Vector3D.Multiply(vect1, matrix);
double caption4 = Vector3D.AngleBetween(vect1, rotatedVect1);

Vector3D vect2 = new Vector3D(0, 1, 0);
Vector3D rotatedVect2 = Vector3D.Multiply(vect2, matrix);
double caption5 = Vector3D.AngleBetween(vect2, rotatedVect2);

Vector3D vect3 = new Vector3D(0, 0, 1);
Vector3D rotatedVect3 = Vector3D.Multiply(vect3, matrix);
double caption6 = Vector3D.AngleBetween(vect3, rotatedVect3);

MessageBox.Show($"X: {caption4.ToString()}\nY:{caption5.ToString()}\nZ: {caption6.ToString()}");

And the corresponding XAML for the sliders may be useful as well:

XAML
<TextBlock Text="X:" VerticalAlignment="Center" Padding="10, 0, 0, 0" />
<dxe:TrackBarEdit TickItemDisplayMode="Tick" ValueToolTipStringFormat="s0" ValueToolTipPlacement="TopLeft" Width="200" Padding="5, 0, 10, 0" Margin="5" TickPlacement="None" Value="0" Minimum="0" Maximum="359" EditValueChanged="RotationSliderChangedEventX" x:Name="RotationSliderX" />
<TextBlock Text="Y:" VerticalAlignment="Center" Padding="10, 0, 0, 0" />
<dxe:TrackBarEdit TickItemDisplayMode="Tick" ValueToolTipStringFormat="s0" ValueToolTipPlacement="TopLeft" Width="200" Padding="5, 0, 10, 0" Margin="5" TickPlacement="None" Value="0" Minimum="0" Maximum="359" EditValueChanged="RotationSliderChangedEventY" x:Name="RotationSliderY" />
<TextBlock Text="Z:" VerticalAlignment="Center" Padding="10, 0, 0, 0" />
<dxe:TrackBarEdit TickItemDisplayMode="Tick" ValueToolTipStringFormat="s0" ValueToolTipPlacement="TopLeft" Width="200" Padding="5, 0, 10, 0" Margin="5" TickPlacement="None" Value="0" Minimum="0" Maximum="359" EditValueChanged="RotationSliderChangedEventZ" x:Name="RotationSliderZ" />