Hi Rob,

Thanks, your provided solution is very great, but we have a little issue with this like

1. Our YAxis values are not fixed like XAxis, it is drawing according to data provided.
2. When YAxis data is not less then 0 (minus values)  then we have a major gap between XAxis ticks and Values with starting point of YAxis, it was reproduce able in sample application. 
3. Just set the NumericYAxis MinimumValue="0.00" then XAxis values and ticks have a major gap. Please fix that gap when YAxis minimum value started from "0.00"
4. Another issue, we have a same chart with fixed XAxis values 252 (Average no of days in a year) with custom label, like you did in your sample application. 
5. We have not fixed series for this, we generate series and vertical black lines (ValueOverlay) programmatically, when we show legend then these ValueOverlay also shown in legend how to get rid of it ? 
6. We display a label on trading days 1,8 and 13 (labeled "OE") for each month and a tick mark every day, like showing in attached snapshot.
7. When i was using same approach like you did in your sample application (set MinimumValue="0" and MaximumValue="252" of hidden NumericXAxis ) then our custom lables are displayed with each day tick mark but lables are over lapped with each other and not visible. You can see in red encircled.
8. It was visibles when we use Zoombar style with HorizontalZoomable="True".
9. But we need to display without Zoombar style like did in snapshot. 
10. We must showing same custom label with the mentioned names showing in snapshot, with legend inside the chart.
11. Can you create a sample application with the same look and feel like you did in your previous sample application ?
12. Its really very helpful for me. 

Hi Rob,

Thank you so much for your great support, I was modified the sample application

1. Now in sample application i was create the exact issue of XAxis labels over laping, i was used XML file for reading content.
2. This file contain 252 rows with custom labels format that exactly we need with all 252 days ticks, now all ticks are shown but our labels are not visible due to lack of space.
3. We must showing exact ticks with all defined custom labels look and feel like showing in previous attached snapshot. Because this is a real time snapshot of another application, and we need to follow that approach.
4. When we set interval then our ticks are not shown day wise (must show 252 ticks) and our custom labels are not shown completely.
5. We have user settings for formating of XAxis lables, i was used radio buttons for settings.
6. Two charts in sample application, one is programatically generated series, and another is xaml defined series with tooltip 
7. When user change the settings from radio button then charts must adjust XAxis and tooltip with those settings, i was create a property in viewmodel and bind it in YAxis StringFormat={Binding FormatString,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}" and also in tooltip textblock.
8. For doing this xaml give me and error "A 'Binding' cannot be set on the 'StringFormat' property of type 'Binding'. A 'Binding' can only be set on a DependencyProperty of a DependencyObject."
9. We must showing ticks on YAxis like in XAxis that's why we use DataTemplate in YAxis label.
10. Can you fixed my highlighted points ?

Hi elinder,

I have modified the sample to change the format applied to the labels based on the radio button.  I used a DataTrigger to do this in the axis template.

As for the X axis tickmarks/labels, as I stated previously, there just is not enough room to display the labels as you require them.  Each tickmark in the chart is associated with a label and the available width each tickmark/label gets is determined by the panel control that holds the labels.  So the more tickmarks you want to show, the less space each label has to render in.  Now, I modified the sample so that the labels are rotated properly using a LayoutTransform rather than a RenderTransform so it helps with the clipping just a bit.  But I highly recommend that you either set an interval on the CategoryXAxis or you enable zooming and zoom in horizontally a bit so that the labels have more space.  The other option is to place the chart inside a ScrollViewer and give the chart a large width so that the tickmarks are stretched out more, giving more space for the labels.

Hi Rob,

Thanks for support, your provided solution solved our mostly problems, only need little changes like

1. DataTemplate trigger approach is very good and its working fine, but we didn't used DataTemplates on tooltip textblocks how we used that formatting on both charts tooltip textblocks like you did for YAxis lables?
2. I was used ScrollViewer approach by using this our XAxis lables are visible.
3. We are using tooltips in all charts, In programatically generated series chart, i was created tooltip programatically its working fine upto May 21d, when we move cursor from May 21d than our tooltip not moved with our cursor and its goes left side. This is happened in attached sample application.
4. We have a major difference between chart and Scrolviewer how we get rid of it when YAxis values contains negative values? Because our XAxis values are inside the chart so we don't need to reserve space for lables. But when our YAxis are started from 0.00 than definitely we need that space for lables.
5. Why our legend not goes inside the chart? I was set all required properties but legend still outside the chart.
6. Can you fixed above mentioned issues in attached sample application ?

Hi elinder,

5.) The Legend is a separate control from the XamDataChart which is why it is rendered outside of the chart.  Where do you want the legend to appear?  You should use the HorizontalAlignment and VerticalAlignment properties along with the Margin property to control where you want the legend to be placed.

1.) I added a DataTrigger to the TextBlock inside the tooltip so when the "NumericFormatIsChecked" property is false, it switches the value to percent.

2 & 3.) The chart tooltips don't appear to work nicely with ScrollViewer it seems.  I'm sorry I recommended using a ScrollViewer.  Instead I recommend using the default horizontal scrollbar that the chart provides.  You can set the WindowScaleHorizontal property to control how "wide" your chart is.  The scale goes between 0 and 1 and smaller values produce a "wider" chart.  You can also use a separate ScrollBar and then manually hook it up to the XamDataChart using the Scroll event.  When the user scrolls the ScrollBar, you can change the datachart's scrollbar accordingly.  This gives you a dynamically scrolling chart where as the default scrollbar would require that you scroll and then let go of the scroll thumb to update the chart.  If you let the chart handle it's own scrolling then the tooltips work correctly.

4.) This is a consequence of the way we moved the X axis labels upwards.  The chart still thinks that it rendered the labels down there because we moved the labels after they have already been rendered.  I had to do this in the sample because normally you can't place the axis labels where you currently have them.  I'm not sure there's anything we can do about that empty space.  That spacing is controlled by the LabelSettings.Extent property but modifying this will just shrink the available space for rendering the labels.

I have a question regarding your minimum Y axis value.  Do you allow for a wide range of values between 0 and negative numbers?  I ask because of something that ocurred to me while I was testing some things.  If you comment out my RenderTransform code in MainWindow.xaml.cs and then add LabelSettings to the CategoryXAxis where the Location is InsideBottom and the Extent is say "150", you will see that the axis labels are rendered over the chart.  You will also see that the space between the scrollbar and the chart is gone.  Is it possible that this is something you can use?  If you do not allow for a wide range of Minimum Y axis values you might be implement some logic that if the Minimum is 0, set the label Location to OutsideBottom but if the Minimum is negative, set the Location to InsideBottom and adjust the Extent so that it places the label where 0 is located.  This is probably the only way to actually remove the space.

Hi Rob,

Thanks,your provided solution is great.

1. Its solved my tooltip issue.
2. Its depend on our data, but we have a wide range of Y axis values between 0 and negative numbers. What's the issue you was faced with wide range values? Can you fix that issue in sample application, so we didn't face that issue in production.
3. How we can use DataTriger in xaml defined textblocks ? Like in sample application of Column series chart i was defined tooltip in xaml, we need to same formatting on all YAxis and tooltips of textblocks either they defined in xaml or generated through programatically.
4. Legend is goes inside the chart by using HorizontalAlignment and VerticalAlignment properties along with the Margin property, thanks.  
5. When our YAxis values started from 0.00 than our labels goes underneath in scrollbar you can see that in attached sanpshot with red encircled.
6. Can you fixed that issues in sample application? Its really very helpful for me.

Hi Rob,

Thank you so much, your provided solution solved my problems.

Hi elinder,

My previous sample already resolved the Y axis labels displaying underneath the ScrollBar.  I fixed it by placing the XamDataChart and ScrollBar inside a Grid with some RowDefinitions.

Fixing the ToolTip issue is a little tricky because the tooltip is actually just a Popup.  One issue with using a Popup is that it is removed from the Visual Tree of the main window so a RelativeSource binding to the window is not going to work.  I had to adjust the ToolTip content you have such that when the content is loaded, I set it's Tag property to the window's view model.  From here, binding to the Tag property is fairly straight forward.

For the Y axis value ranges, I modified the code so that it switches between OutsideBottom and InsideBottom depending on where the 0 value is.  If the 0 value is near the bottom or is the very bottom, the X axis labels are displayed with OutsideBottom.  When the 0 value moves high enough up the chart, it switches to InsideBottom.  Switching to InsideBottom removes the space below the chart as you required.  When the 0 value moves back down enough though, it switches back to OutsideBottom.

Hi Rob,

Thanks your slider functionality is very nice, but we don't used it in our production

1. I was used your suggested style in my xaml defined chart tooltip textblock (second chart (column series) of sample application), but unfortunately its not working. Can you look into it what's the issue with it ?
2. I was explained in my previous post our YAxis values are not always below than 0, its depend on data, If data exists below than 0 than we don't need to reserve space for XAxis, because our XAxis are inside the chart in that scenario. But when our values are started from 0 than we need appropriate space for XAxis labels rendering. 
3. I was highlighted issue when our YAxis is started from 0 than some labels are underneath of scroll bar. You can see that in previous post snapshot.
4.  Can you fixed above highlighted issues in sample application?

Hi elinder,

For XAML defined TextBlocks you can use the below code to set your DataTrigger: 

<TextBlock Name="MyXamlDefinedTextBlock">
    <TextBlock.Style>
        <Style TargetType="TextBlock">
            <Style.Triggers>
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=Window}, Path=DataContext.NumericFormatIsChecked}" Value="False">
                    <Setter Property="Text" Value="{Binding Item, StringFormat='{}{0:N2}%'}"/>
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </TextBlock.Style>
</TextBlock>

The issues I was talking about with using a wide range of minimum values was due to the approach I was thinking about taking which was to switch the X axis location between OutsideBottom and InsideBottom depending on where the 0 value was on the Y axis.  I decided to go with a different approach which made things a bit easier.  Although I'm not sure if you'd be ok with it.  Basically I keep the X axis inside the chart at all times and move it up based on where the 0 value is (as I did before).  This produced an interesting effect that I think should be ok.  You can see it in my sample.  There is a slider down at the bottom left of the window that you can use to shift the minimum value around.