chart 上比如柱形图柱上的数字如何显示？

Alice · Alice

回复 1楼不停息的翔龙的帖子

请问你是想把柱形图的哪种数字显示出来？比如X轴、Y轴数据点数据？
我们WPF例子有如下图的效果：

代码参考：

<UserControl x:Class="ChartSamples.Labels" mc:Ignorable="d" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:c1chart="clr-namespace:C1.WPF.C1Chart;assembly=C1.WPF.C1Chart.4" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006">
<UserControl.Resources>
<Style TargetType="c1chart:C1Chart">
<Setter Property="Foreground" Value="#666666" />
<Setter Property="CustomPalette">
<Setter.Value>
<ResourceDictionary>
<SolidColorBrush x:Key="0" Color="#16ABA9" />
<SolidColorBrush x:Key="1" Color="#EB7A2A" />
<SolidColorBrush x:Key="2" Color="#F2CA04" />
<SolidColorBrush x:Key="3" Color="#DC5B20" />
<SolidColorBrush x:Key="4" Color="#8EBC00" />
<SolidColorBrush x:Key="5" Color="#25A0DA" />
<SolidColorBrush x:Key="6" Color="#25A0DA" />
<SolidColorBrush x:Key="7" Color="#309B46" />
<SolidColorBrush x:Key="8" Color="#24C6D2" />
<SolidColorBrush x:Key="9" Color="#8A8065" />
</ResourceDictionary>
</Setter.Value>
</Setter>
</Style>
<c1chart:DataPointConverter x:Key="fc" />
<DataTemplate x:Key="lbl">
<Grid>
<Path Data="M0.5,0.5 L23,0.5 23,23 11.61165,29.286408 0.5,23 z" Stretch="Fill" Fill="#FFF1F1F1" Stroke="DarkGray" StrokeThickness="1" />
<TextBlock FontSize="10" Margin="5 5 5 15" Foreground="DarkRed" Text="{Binding ConverterParameter=Series: \{#SeriesLabel\}\{#NewLine\}Point: \{#PointIndex\}\{#NewLine\}Value: \{#Value\}, Converter={StaticResource fc}}" />
</Grid>
</DataTemplate>
</UserControl.Resources>
<Grid x:Name="LayoutRoot">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition />
</Grid.RowDefinitions>
<Border Grid.Row="0" VerticalAlignment="Center">
<StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="0 0 0 10">
<StackPanel Orientation="Horizontal">
<TextBlock VerticalAlignment="Center" Margin="0 0 4 0" Text="View" />
<RadioButton VerticalAlignment="Center" x:Name="rbLabels" IsChecked="true" Checked="rbLabel_Checked" Margin="4 0" />
<TextBlock VerticalAlignment="Center" Text="Label" Margin="0 0 4 0" />
<RadioButton VerticalAlignment="Center" x:Name="rbTooltips" Checked="rbLabel_Checked" Margin="4 0" />
<TextBlock VerticalAlignment="Center" Text="Tooltips" Margin="0 0 4 0" />
</StackPanel>
<TextBlock VerticalAlignment="Center" Text="ChartType:" Margin="15 0 4 0" />
<ComboBox Width="140" x:Name="cbChartType" SelectionChanged="cbChartType_SelectionChanged" Margin="4,0,0,0" Height="22" />
</StackPanel>
</Border>
<c1chart:C1Chart Grid.Row="1" x:Name="c1chart" ChartType="Column">
<c1chart:C1Chart.Data>
<c1chart:ChartData>
<c1chart:DataSeries Label="s1" Values="3 5 7 4" PointLabelTemplate="{StaticResource lbl}" PlotElementLoaded="DataSeries_PlotElementLoaded" />
<c1chart:DataSeries Label="s2" Values="1 2 3 8" PointLabelTemplate="{StaticResource lbl}" PlotElementLoaded="DataSeries_PlotElementLoaded" />
</c1chart:ChartData>
</c1chart:C1Chart.Data>
<c1chart:C1ChartLegend x:Name="legend" />
</c1chart:C1Chart>
</Grid>
</UserControl>

复制代码

不停息的翔龙 · 不停息的翔龙

就显示柱子的数值即可不需要弄这么复杂。。。。

Alice · Alice

回复 3楼不停息的翔龙的帖子

把我上一段代码修改简单点，就可以用了。
UserControl里放了一个C1Chart。重写DataTemplate，里面放一个TextBlock, Text绑定Value。代码参考:

<UserControl.Resources>
<DataTemplate x:Key="lbl">
<Grid>
<TextBlock FontWeight="Bold" Text="{Binding Value}" />
</Grid>
</DataTemplate>
</UserControl.Resources>

复制代码

不停息的翔龙 · 不停息的翔龙

这个是你们的我的文档里的例程就实现时柱子的数值是多少用你上面的代码没效果啊？？

Alice · Alice

回复 5楼不停息的翔龙的帖子

还要写2楼中的代码将Template给C1Chart。
我做了个简单的例子，你看下。

不停息的翔龙 · 不停息的翔龙

我是动态定义的 ChartData 怎么绑？

Alice · Alice

回复 7楼不停息的翔龙的帖子

你能把Sample给我么？以便能够帮助你快速的解决问题。
构建环境，动态绑定写数据，会浪费一定的时间。

不停息的翔龙 · 不停息的翔龙

ChartData FLDQJC_Data = new  ChartData();

         FLDQJC_Data.ItemNames = "A B C D E F G H I J K ";

         DataSeries ds1 =  new DataSeries();
         ds1.Label ="A1";
         ds1.ValuesSource = new  Double[] {1, 2, 3, 4, 5, 2, 3, 4, 5, 1, 1};

         FLDQJC_Data.Children.Add(ds1);

         DataSeries ds2 = new  DataSeries();
         ds2.Label ="A2";
         ds2.ValuesSource = new Double[] {1, 2, 3, 4, 6, 2, 3, 4, 5, 1, 1};
         FLDQJC_Data.Children.Add(ds2);

         c1chart.Data = FLDQJC_Data;

Alice · Alice

回复 9楼不停息的翔龙的帖子

给DataSeries设置PointLabelTemplate，把你的代码修改成如下样子：

ChartData FLDQJC_Data = new ChartData();
FLDQJC_Data.ItemNames = "A B C D E F G H I J K ";
DataSeries ds1 = new DataSeries();
ds1.Label = "A1";
ds1.ValuesSource = new Double[] { 1, 2, 3, 4, 5, 2, 3, 4, 5, 1, 1 };
ds1.PointLabelTemplate = (DataTemplate)this.grid.FindResource("lbl");
FLDQJC_Data.Children.Add(ds1);
DataSeries ds2 = new DataSeries();
ds2.Label = "A2";
ds2.ValuesSource = new Double[] { 1, 2, 3, 4, 6, 2, 3, 4, 5, 1, 1 };
ds1.PointLabelTemplate = (DataTemplate)this.grid.FindResource("lbl");
FLDQJC_Data.Children.Add(ds2);
c1chart1.Data = FLDQJC_Data;

复制代码

Xmal里的code和我在4楼写的一样：

<Grid Name="grid">
<Grid.Resources>
<DataTemplate x:Key="lbl">
<Grid>
<TextBlock FontWeight="Bold" Text="{Binding Value}" />
</Grid>
</DataTemplate>
</Grid.Resources>
<c11:C1Chart Name="c1chart1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" >
<c11:C1ChartLegend/>
</c11:C1Chart>
</Grid>

复制代码

		自动登录	找回密码
密码			立即注册

[已处理] chart 上比如柱形图柱上的数字如何显示？

23 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄

[已处理] chart 上 比如 柱形图 柱 上的 数字如何显示？

23 个回复

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄

[已处理] chart 上比如柱形图柱上的数字如何显示？