找回密码
 立即注册

QQ登录

只需一步,快速开始

lufq

论坛元老

13

主题

34

帖子

9683

积分

论坛元老

积分
9683

活字格认证

lufq
论坛元老   /  发表于:2014-1-15 22:01  /   查看:7133  /  回复:7
如何设置X轴的字体竖着显示,并且旋转90度后每个字横着显示,例如“杭州市”显示为


7 个回复

倒序浏览
iceman
社区贡献组   /  发表于:2014-1-16 16:12:00
沙发
回复 1楼lufq的帖子

需要设置 AixsX  的模板来实现,具体请参考 Demo:

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
lufq
论坛元老   /  发表于:2014-1-20 12:00:00
板凳
Y轴title如何设置成这样的样式?我没有尝试成功。
回复 使用道具 举报
iceman
社区贡献组   /  发表于:2014-1-20 14:35:00
地板
回复 3楼lufq的帖子

Y 轴设置方法请参考源码:

  1. <Window xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml"  x:Class="_11684.MainWindow"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         Title="MainWindow" Height="350" Width="525">
  5.     <Window.Resources>
  6.         <DataTemplate x:Key="tt">
  7.             <StackPanel Orientation="Vertical">
  8.                 <TextBlock TextAlignment="Center" FontSize="14" FontWeight="Bold" Width="10" TextWrapping="Wrap" Text="{ Binding DataObject}" />
  9.             </StackPanel>
  10.         </DataTemplate>
  11.         <DataTemplate x:Key="ty">
  12.             <StackPanel Orientation="Vertical">
  13.                 <TextBlock TextAlignment="Center" FontSize="14" FontWeight="Bold" Width="15" TextWrapping="Wrap" Text="{ Binding DataObject}" />
  14.             </StackPanel>
  15.         </DataTemplate>
  16.     </Window.Resources>
  17.     <Grid>
  18.         <c1:C1Chart  Name="c1chart1" Margin="0,0,10,83">
  19.             <c1:C1Chart.View>
  20.                 <c1:ChartView>
  21.                     <c1:ChartView.AxisX>
  22.                         <c1:Axis AnnoTemplate="{StaticResource tt}"></c1:Axis>
  23.                     </c1:ChartView.AxisX>
  24.                     <c1:ChartView.AxisY>
  25.                         <c1:Axis AnnoTemplate="{StaticResource ty}"></c1:Axis>
  26.                     </c1:ChartView.AxisY>
  27.                 </c1:ChartView>
  28.             </c1:C1Chart.View>
  29.             <c1:C1Chart.Data>
  30.                 <c1:ChartData ItemNames="杭州市 P2 P3 P4 P5">
  31.                     <c1:DataSeries Label="Series 1" RenderMode="Default" Values="20 22 19 24 25"/>
  32.                     <c1:DataSeries Label="Series 2" RenderMode="Default" Values="8 12 10 12 15"/>
  33.                 </c1:ChartData>
  34.             </c1:C1Chart.Data>
  35.             <c1:C1ChartLegend/>
  36.         </c1:C1Chart>
  37.     </Grid>
  38. </Window>
复制代码
回复 使用道具 举报
lufq
论坛元老   /  发表于:2014-1-20 15:21:00
5#
回复 4楼iceman的帖子


不好意思,我说的是标题,如图红色区域无法变小
这个如何设置?

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
iceman
社区贡献组   /  发表于:2014-1-20 18:04:00
6#
回复 5楼lufq的帖子

恩,问题我理解了,正在处理中,明天回复。
回复 使用道具 举报
lufq
论坛元老   /  发表于:2014-1-21 11:43:00
7#
今天下午可以给出一个DEMO吗?
回复 使用道具 举报
iceman
社区贡献组   /  发表于:2014-1-21 11:48:00
8#
回复 7楼lufq的帖子

lufq 你好,

当前的进度是: Title 是一个 textblock 我们可以通过自定义 textblock 角度来实现这个效果。角度的设置我正在调查中。给你共享下:



不过有一种方法可以暂时解决这个问题,直接在 UI 上拖拽 TextBlock 代替 title ,在 demo 中也有体现。

谢谢

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部