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

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

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



代码参考：

1. <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">
   
2.     <UserControl.Resources>
   
3.             <Style TargetType="c1chart:C1Chart">
   
4.                         <Setter Property="Foreground" Value="#666666" />
   
5.                         <Setter Property="CustomPalette">
   
6.                                 <Setter.Value>
   
7.                                         <ResourceDictionary>
   
8.                                                 <SolidColorBrush x:Key="0" Color="#16ABA9" />
   
9.                                                 <SolidColorBrush x:Key="1" Color="#EB7A2A" />
   
10.                                                 <SolidColorBrush x:Key="2" Color="#F2CA04" />
    
11.                                                 <SolidColorBrush x:Key="3" Color="#DC5B20" />
    
12.                                                 <SolidColorBrush x:Key="4" Color="#8EBC00" />
    
13.                                                 <SolidColorBrush x:Key="5" Color="#25A0DA" />
    
14.                                                 <SolidColorBrush x:Key="6" Color="#25A0DA" />
    
15.                                                 <SolidColorBrush x:Key="7" Color="#309B46" />
    
16.                                                 <SolidColorBrush x:Key="8" Color="#24C6D2" />
    
17.                                                 <SolidColorBrush x:Key="9" Color="#8A8065" />
    
18.                                         </ResourceDictionary>
    
19.                                 </Setter.Value>
    
20.                         </Setter>                      
    
21.         </Style>
    
22.         <c1chart:DataPointConverter x:Key="fc" />
    
23.         <DataTemplate x:Key="lbl">
    
24.                 <Grid>
    
25.                         <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" />
    
26.                         <TextBlock FontSize="10" Margin="5 5 5 15" Foreground="DarkRed" Text="{Binding ConverterParameter=Series: \{#SeriesLabel\}\{#NewLine\}Point: \{#PointIndex\}\{#NewLine\}Value: \{#Value\}, Converter={StaticResource fc}}" />
    
27.                         </Grid>
    
28.         </DataTemplate>
    
29.     </UserControl.Resources>
    
30. 
    
31.     <Grid x:Name="LayoutRoot">
    
32.         <Grid.RowDefinitions>
    
33.             <RowDefinition Height="Auto" />
    
34.             <RowDefinition />
    
35.         </Grid.RowDefinitions>
    
36.         <Border Grid.Row="0" VerticalAlignment="Center">
    
37.             <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="0 0 0 10">
    
38. 
    
39.                 <StackPanel Orientation="Horizontal">
    
40.                     <TextBlock VerticalAlignment="Center" Margin="0 0 4 0" Text="View" />
    
41.                     <RadioButton VerticalAlignment="Center" x:Name="rbLabels" IsChecked="true" Checked="rbLabel_Checked" Margin="4 0" />
    
42.                     <TextBlock VerticalAlignment="Center" Text="Label" Margin="0 0 4 0" />
    
43.                     <RadioButton VerticalAlignment="Center" x:Name="rbTooltips" Checked="rbLabel_Checked" Margin="4 0" />
    
44.                     <TextBlock VerticalAlignment="Center" Text="Tooltips" Margin="0 0 4 0" />
    
45.                 </StackPanel>
    
46. 
    
47.                 <TextBlock VerticalAlignment="Center" Text="ChartType:" Margin="15 0 4 0" />
    
48.                 <ComboBox Width="140" x:Name="cbChartType" SelectionChanged="cbChartType_SelectionChanged" Margin="4,0,0,0" Height="22" />
    
49.             </StackPanel>
    
50.         </Border>
    
51. 
    
52.         <c1chart:C1Chart Grid.Row="1" x:Name="c1chart" ChartType="Column">
    
53.             <c1chart:C1Chart.Data>
    
54.                 <c1chart:ChartData>
    
55.                     <c1chart:DataSeries Label="s1" Values="3 5 7 4" PointLabelTemplate="{StaticResource lbl}" PlotElementLoaded="DataSeries_PlotElementLoaded" />
    
56.                     <c1chart:DataSeries Label="s2" Values="1 2 3 8" PointLabelTemplate="{StaticResource lbl}" PlotElementLoaded="DataSeries_PlotElementLoaded" />
    
57.                 </c1chart:ChartData>
    
58.             </c1chart:C1Chart.Data>
    
59.             <c1chart:C1ChartLegend x:Name="legend" />
    
60.         </c1chart:C1Chart>
    
61.     </Grid>
    
62. </UserControl>

复制代码

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

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

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

1. <UserControl.Resources>
   
2.         <DataTemplate x:Key="lbl">
   
3.                 <Grid>
   
4.                 <TextBlock  FontWeight="Bold" Text="{Binding Value}" />
   
5.             </Grid>
   
6.         </DataTemplate>
   
7.     </UserControl.Resources>

复制代码

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

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

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

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

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

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

ChartData FLDQJC_Data = new  ChartData();

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

            DataSeries ds1 =  new DataSeries();
            ds1.Label =&quot;A1&quot;;
            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 =&quot;A2&quot;;
            ds2.ValuesSource = new Double[] {1, 2, 3, 4, 6, 2, 3, 4, 5, 1, 1};
            FLDQJC_Data.Children.Add(ds2);

            c1chart.Data = FLDQJC_Data;

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

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

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

复制代码

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

1. <Grid Name="grid">
   
2.         <Grid.Resources>
   
3.             <DataTemplate x:Key="lbl">
   
4.                 <Grid>
   
5.                     <TextBlock  FontWeight="Bold" Text="{Binding Value}" />
   
6.                 </Grid>
   
7.             </DataTemplate>
   
8.         </Grid.Resources>
   
9.         <c11:C1Chart Name="c1chart1" HorizontalAlignment="Stretch"   VerticalAlignment="Stretch" >
   
10.             <c11:C1ChartLegend/>
    
11.         </c11:C1Chart>
    
12. </Grid>

复制代码