Jump to content
Software FX Community
Sign in to follow this  
JuanC

Showing vertical titles

Recommended Posts

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


Posted Image


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.


Posted Image


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

Share this post


Link to post
Share on other sites
Sign in to follow this  

×
×
  • Create New...