Change a few elements style ?

[Yordan]

Hello dear support, I would like to change a few elements styles, but I am unable to find example doing it.

1. I wish to change ( decrease ) the font size of the labels.
2. I wish to be able to manipulate ( decrease ) the sizes ( heights ) of the "size 1", "size 2" , "size 3"  and "size 4" 
How to do that ?

[Durga Gopalakrishnan]

Hi Yordan,

# 1 : I wish to change ( decrease ) the font size of the labels

You can customize the font size by using label style property of chart and range navigator.

<SfChart> 
<ChartAxisLabelStyle Size="14px"></ChartAxisLabelStyle>
</SfChart>
<SfRangeNavigator>
<RangeNavigatorLabelStyle Size="14px"></RangeNavigatorLabelStyle>
</SfRangeNavigator>

# 2 : I wish to be able to manipulate ( decrease ) the sizes ( heights ) of the "size 1", "size 2" , "size 3" and "size 4"

You can decrease the size 1 and size 2 by specifying chart margin top and bottom as 0. The size 3 can be customized by specifying the height of range navigator. The size 4 can be customized by specifying margin bottom as 0.

<SfChart> 
<ChartMargin Top="40" Bottom="40"></ChartMargin>
</SfChart>
<SfRangeNavigator>
 <RangeNavigatorMargin Top="20" Bottom="40"></RangeNavigatorMargin>
</SfRangeNavigator>

https://www.syncfusion.com/downloads/support/directtrac/general/ze/ChartRN-1475511027.zip

Please revert us if you have any concerns.

Regards,

Durga G

[Yordan]

Hello dear support. The given example is not about StockChart (SfStockChart)

Stock Chart include the range selector, which I am unable to find and change.

[Durga Gopalakrishnan]

Hi Yordan,

We have prepared stock chart sample and attached for your reference. You can customize the font size using StockChartAxisLabelStyle. Since stock chart renders both chart and range navigator, we don't have option customize the spacing between them. Instead, you can hide tick lines and place axis labels inside to avoid spacing. You can reduce whole stock chart height by using Height property. Please check with below sample.

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/StkChart-755016525.zip

Please revert us if you have any concerns.

Regards,

Durga G

[Yordan]

1. StockChartAxisLabelStyle literally do absolutely nothing seems like

2. It's absolutely unrelated reducing the object size to reducing object components size.
3. Putting inside the labels is not applicable, since with a lot of labels the chart is not useful this way - it mess up with the result look and feel.

[Durga Gopalakrishnan]

Hi Yordan,

We are currently facing problem in customizing font using StockChartAxisLabelStyle property. We are checking on this. In stock chart, we don't have option to customize spacing between range navigator and chart. Instead, you can use range navigator control, in this chart and range navigator will be rendered separately and customization is easier. 

Please revert us if you have any concerns.

Regards,

Durga G