We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Got fuzzy technical indicator line when using CategoryAxis (XAxis)

A basic stock chart.
// Chart XAML
<chart:SfChart x:Name="Chart" TechnicalIndicators="{x:Bind IndicatorsCollection}">       
        <chart:SfChart.RowDefinitions>
            <chart:ChartRowDefinition Height="2"/>
            <chart:ChartRowDefinition Height="6" />
        </chart:SfChart.RowDefinitions>      

        <chart:SfChart.Behaviors>
            <chart:ChartCrossHairBehavior />
        </chart:SfChart.Behaviors>

        <chart:SfChart.PrimaryAxis>
            <common:PrettyLabelSfChartCategoryAxis DataContext="{x:Bind ViewModel.StockBars, Mode=OneTime}"  />
        </chart:SfChart.PrimaryAxis>

        <chart:FastCandleBitmapSeries ItemsSource="{x:Bind ViewModel.StockBars}" XBindingPath="Time" High="High" Low="Low" Open="Open" Close="Close" >
            <chart:FastCandleBitmapSeries.YAxis>
                <chart:NumericalAxis chart:ChartBase.Row="1" RangePadding="None" OpposedPosition="True" />
            </chart:FastCandleBitmapSeries.YAxis>
        </chart:FastCandleBitmapSeries>

        <chart:FastColumnBitmapSeries Interior="#7F7F7F" ItemsSource="{x:Bind ViewModel.StockBars}" XBindingPath="Time" YBindingPath="VolumeMillion" >
            <chart:FastColumnBitmapSeries.YAxis>
                <chart:NumericalAxis chart:ChartBase.Row="0" RangePadding="None" OpposedPosition="True"  />
            </chart:FastColumnBitmapSeries.YAxis>
        </chart:FastColumnBitmapSeries>
</Chart:SfChart>

// Indicator adding
foreach (var i in maPeriods)
{
    var indicator = new SimpleAverageIndicator()
     {
           Period = i,
           ItemsSource = ViewModel.StockBars,
                    XBindingPath = "Time",
                    Low = "Low",
                    High = "High",
                    Open = "Open",
                    Close = "Close"
      };
      IndicatorsCollection.Add(indicator);
}

// Please see the attached screen picture.


Couple questions:
1. How can we draw a smooth indicator line when using CategoryAxis?

2. I am not sure whether there is a bug in the SfChart.RowDefinitions. Like the code above, I have only to define the chart:ChartRowDefinition + Height + chart:ChartBase.Row (in such strange order) all reversed to get the multiple area display properly which is Candle area on top Volume area at the bottom.

3. About the candle color. Are we able to draw a candle like the one in the attached file?  Which is just one pixel as the border, all left are transparent, 

Thanks,
William


Attachment: screen2_2f65c494.zip

3 Replies

DA Devi Aruna Maharasi Murugan Syncfusion Team May 25, 2016 01:25 PM UTC

Hi William, 
  
Thanks for contacting Syncfusion Support. 
  
Query 1: How can we draw a smooth indicator line when using CategoryAxis? 
We have considered “fuzzy indicator line” as  defect and a support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates.   
  
  
Query 2: Regarding the ChartRowDefinition arrangement 
SfChart’s ChartRowDefinition behavior to render the rows from bottom to top like it starts to render  row from the bottom. 
  
Query 3: About the candle color customization 
Please confirm as whether the below hollow candle chart is your requirement. 
 
 
  
Regards, 
Devi M 
  
  



WW William Wang replied to Devi Aruna Maharasi Murugan May 25, 2016 01:40 PM UTC

Hi William, 
  
Thanks for contacting Syncfusion Support. 
  
Query 1: How can we draw a smooth indicator line when using CategoryAxis? 
We have considered “fuzzy indicator line” as  defect and a support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates.   
  
  
Query 2: Regarding the ChartRowDefinition arrangement 
SfChart’s ChartRowDefinition behavior to render the rows from bottom to top like it starts to render  row from the bottom. 
  
Query 3: About the candle color customization 
Please confirm as whether the below hollow candle chart is your requirement. 
 
 
  
Regards, 
Devi M 
  
  


Yeah. Exactly what I expected except that line width in the middle line (high/low) is twice the weight compare to body rectangle border?
  
Query 3: About the candle color customization 
Please confirm as whether the below hollow candle chart is your requirement. 
 
  


RA Rachel A Syncfusion Team May 26, 2016 09:20 AM UTC

Hi William, 
  
Thanks for the update. 
  
We have considered the hollow candle chart requirement as a feature and a support incident has been created under your account to track the status of this requirement. Please log on to our support website to check for further updates.    

  
Regards, 
Rachel. A 


Loader.
Up arrow icon