Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
1052
Column Series ToolTip on XamDataChart
posted

Hi,

I am using a XamDataChart to show a histogram, by binding a list of a custom class like:

        class DataItem
        {
            public string Label { get; set; }
            public double Value { get; set;}
        }

My Xmal looks like this:

        <ig:XamDataChart Name="xamDataChart1">

            <ig:XamDataChart.Axes>

                <ig:NumericYAxis x:Name="yAxis" MaximumValue="18" MinimumValue="0" />

                <ig:CategoryXAxis   

                        x:Name="xAxis"  

                        ItemsSource="{Binding Series}"  

                        Label="{}{Label}"

                        Gap="0"/>

            </ig:XamDataChart.Axes>

            <ig:XamDataChart.Series>

                <ig:ColumnSeries  

                        x:Name="series"  

                        ItemsSource="{Binding Series}"  

                        XAxis="{Binding ElementName=xAxis}"  

                        YAxis="{Binding ElementName=yAxis}"   

                        ValueMemberPath="Value">                

                </ig:ColumnSeries>

            </ig:XamDataChart.Series>

        </ig:XamDataChart>

 

What I am trying to do is show a tool tip on each column in the series to show the value of that given datapoint, is there anyway to do this with the tooltip, so far I can't seem to be able to do this.

 

Thanks

 

Parents
No Data
Reply
  • 195
    Verified Answer
    posted

    Hi ,

    You can display  the value of the datapoint on each of the respective Column by setting the ToolTip property of the ColumnSeries like  ,

     <ig:ColumnSeries 
            x:Name="series" 
            ItemsSource="{Binding Series}" 
            XAxis="{Binding ElementName=xAxis}" 
            YAxis="{Binding ElementName=yAxis}"  
            ValueMemberPath="Value">
            <ig:ColumnSeries.ToolTip>
            <StackPanel >
               <TextBlock Text="{Binding Item.Label}" />
               <TextBlock Text="{Binding Item.Value}" />
            </StackPanel>
            </ig:ColumnSeries.ToolTip>
    </ig:ColumnSeries>

    Hope this helps ..

    -Shilpa

Children