Showing vertical titles

[JuanC]

Chart FX for WPF uses the title class in several places including Chart.Titles, Axis.Title, LegendBox.Titles and CustomGridLine.Title; in most of these scenarios there are cases where the title needs to be drawn vertically. For example the following XAML generates a chart with 4 titles each docked in a different position

      [color= blue]<[/color][color= #a31515]cfx[/color][color= blue]:[/color][color= #a31515]Chart.Titles[/color][color= blue]>        <[/color][color= #a31515]cfx[/color][color= blue]:[/color][color= #a31515]Title [/color][color= red]DockPanel.Dock[/color][color= blue]="Top">[/color][color= #a31515]Top[/color][color= blue]</[/color][color= #a31515]cfx[/color][color= blue]:[/color][color= #a31515]Title[/color][color= blue]>        <[/color][color= #a31515]cfx[/color][color= blue]:[/color][color= #a31515]Title [/color][color= red]DockPanel.Dock[/color][color= blue]="Left">[/color][color= #a31515]Left[/color][color= blue]</[/color][color= #a31515]cfx[/color][color= blue]:[/color][color= #a31515]Title[/color][color= blue]>        <[/color][color= #a31515]cfx[/color][color= blue]:[/color][color= #a31515]Title [/color][color= red]DockPanel.Dock[/color][color= blue]="Right">[/color][color= #a31515]Right[/color][color= blue]</[/color][color= #a31515]cfx[/color][color= blue]:[/color][color= #a31515]Title[/color][color= blue]>        <[/color][color= #a31515]cfx[/color][color= blue]:[/color][color= #a31515]Title [/color][color= red]DockPanel.Dock[/color][color= blue]="Bottom">[/color][color= #a31515]Bottom[/color][color= blue]</[/color][color= #a31515]cfx[/color][color= blue]:[/color][color= #a31515]Title[/color][color= blue]>      </[/color][color= #a31515]cfx[/color][color= blue]:[/color][color= #a31515]Chart.Titles[/color][color= blue]>[/color]

Which results in a chart like this

Note that we rotate the titles on the right side 90 degrees clockwise while the title on the left side is rotated 90 degrees counterclockwise. You can control this using the RotateVerticalMode property, in the following picture we will set the left title RotateVerticalMode to None which might be suitable for short titles, you can also force a specific rotation by using Clockwise or CounterClockwise. We are using Counterclockwise for the right title.

Can we use this feature to draw vertical titles where the letters are not rotated? I am glad you asked, setting the RotateVerticalMode to None is useful if we