How to combine DateTime axis with double axis into one x-DateTime axis?

Aug 13, 2015 at 4:26 PM
Edited Aug 13, 2015 at 4:32 PM
We followed the link to implement a plot.
the link is Here

code as following:
<d3:ChartPlotter x:Name="plotter" Grid.Row="0" FontFamily="Eras ITC">
                    <d3:ChartPlotter.MainHorizontalAxis> 
                        <d3:HorizontalDateTimeAxis Name="dateAxis" FontFamily="Georgia"/>
                        <!--<d3:TimeSpanAxis Name="dateAxis" FontFamily="Georgia"/>-->
                    </d3:ChartPlotter.MainHorizontalAxis>
                    <d3:Header Content="{Binding Title, FallbackValue='QC Graph FB'}"/>
                    <d3:VerticalAxisTitle Content="MFI" />
                    <d3:HorizontalAxisTitle Content="Time"/>
                    <d3:HorizontalLine Value="{Binding Threshold}" Stroke="Red" StrokeThickness="2"/>
 </d3:ChartPlotter>

 var ds = new EnumerableDataSource<Point>(vm.Points);
                ds.SetXMapping(x => dateAxis.ConvertToDouble(x.RunDateTime));
                ds.SetYMapping(y => y.YData);
                plotter.AddLineGraph(ds, Colors.Green, 2); ;
Since we convert x from DateTime into Double. there are two lines of x-axis.
One is double x-axis and another is yellow dateTime axis (or line which display real DateTime label such "Aug 8/13/2015").
since our graph area is very limit. Display two lines of x-axis is not allowed.

Is there a way that we could combine those two lines of x-axis and only show the DateTime labels in x-axis? Thx!

Or another question: can we directly plot DateTime values as x-axis? thx!
Aug 13, 2015 at 9:26 PM
We notice that if x-axis date range long enough (two years), the DateTime x-axis becomes one line axis.
What we need even in one day or one week date range, DateTime x-axis still show one line axis.