找回密码
 立即注册

QQ登录

只需一步,快速开始

MagSpirit

注册会员

6

主题

10

帖子

150

积分

注册会员

积分
150
MagSpirit
注册会员   /  发表于:2019-10-9 09:28  /   查看:3563  /  回复:5
1金币
C1chart柱状图想设置标签为百分比,如何操作?目前做出的效果如下-->


前台代码:
  1. <local:ChartPointConverter x:Key="pc"/>
  2. <DataTemplate x:Key="cake">
  3.      <Grid c1:PlotElement.LabelAlignment="TopCenter">
  4.           <TextBlock FontSize="10" Margin="0,0,0,-20" Foreground="DarkRed" Text="{Binding Converter={StaticResource pc}}" />
  5.      </Grid>
  6.         </DataTemplate>
  7.                         <c1:C1Chart  Margin="0,20,0,0" x:Name="cakeChart" Grid.Row="0"  ChartType="ColumnStacked">
  8.                         </c1:C1Chart>
复制代码
后台代码:
  1. DataTemplate tipTop = (DataTemplate)Resources["cake"];
  2.             this.cakeChart.Data.Children[0].PointLabelTemplate = tipTop;
复制代码


想实现的效果如下-->

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

5 个回复

倒序浏览
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2019-10-9 12:12:22
沙发
给具体的数值设置格式即可,设置的方式是给数值后加“:p0”
比如
  1. Value: \{#Value:p2\}
复制代码

显示的效果就是

本帖子中包含更多资源

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

x
回复 使用道具 举报
MagSpirit
注册会员   /  发表于:2019-10-9 15:27:37
板凳
本帖最后由 MagSpirit 于 2019-10-9 15:30 编辑
Richard.Ma 发表于 2019-10-9 12:12
给具体的数值设置格式即可,设置的方式是给数值后加“:p0”
比如
显示的效果就是

你好,我这样写着没有效果,代码如下,和您说的一样,数值后加了P0前台xaml代码-->
  1. <local:ChartPointConverter x:Key="pc"/>
  2. <DataTemplate x:Key="rate">
  3.      <Grid c1:PlotElement.LabelAlignment="TopCenter">
  4.           <TextBlock FontSize="10" Margin="0,0,0,-20" Foreground="DarkRed" Text="{Binding ConverterParameter=<font color="#ff0000">Value: \{#Value:p0\</font>},Converter={StaticResource pc}}" />
  5.      </Grid>
  6.         </DataTemplate>
复制代码
后台xaml.cs代码-->
  1. DataTemplate tipTop = (DataTemplate)Resources["rate"];
  2.             this.rateChart.Data.Children[0].PointLabelTemplate = tipTop;
复制代码

出来后没有效果-->

本帖子中包含更多资源

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

x
回复 使用道具 举报
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2019-10-9 17:49:51
地板
建议您将代码项目上传上来,我帮您修改
回复 使用道具 举报
MagSpirit
注册会员   /  发表于:2019-10-10 09:26:24
5#
Richard.Ma 发表于 2019-10-9 17:49
建议您将代码项目上传上来,我帮您修改

您好,附件是我的项目代码,您看看如何显示成百分比

本帖子中包含更多资源

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

x
回复 使用道具 举报
Richard.Ma讲师达人认证 悬赏达人认证 SpreadJS 开发认证
超级版主   /  发表于:2019-10-10 17:33:41
6#
无法打开你这边的项目,按照你的代码,你可以先尝试这样设置

  1. <TextBlock FontSize="10" Margin="0,0,0,-20" Foreground="DarkRed" Text="{Binding Converter={StaticResource pc}:p}" />
复制代码

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