This is a migrated thread and some comments may be shown as answers.

How to Hide IOS chart Label?

1 Answer 118 Views
General Discussion
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Paulson
Top achievements
Rank 1
Paulson asked on 09 Sep 2016, 06:49 AM

Hi,

     In Android i am able to hide x and y axis line by giving

                     ( <chart:AreaSeries.horizontalAxis>
                          <chart:CategoricalAxis hidden="true" />
                      </chart:AreaSeries.horizontalAxis>
                      <chart:AreaSeries.verticalAxis>
                          <chart:LinearAxis lineHidden="true" />
                      </chart:AreaSeries.verticalAxis> )  

I was able to hide label using Margin-left:-70; this are working perfectly in android

but in IOS the screen is getting shown i had tried with resolution as changing the colour as to white for line which is working but i am unable to hide labels if i use Margin-left:-70; label is not hiding

ScreenShot:- https://drive.google.com/open?id=0B1u4PKmp8y80ZEUyS0V5WndIVk0

 

1 Answer, 1 is accepted

Sort by
0
Nikolay Tsonev
Telerik team
answered on 09 Sep 2016, 07:28 AM
Hi,

To hide the label you could use showLabels property set its value to false. Setting up this property should allow you to hide the labels in the Charts.

<chart:LineSeries legendTitle="Store scope" showLabels="true" seriesName="Bar" valueProperty="Amount" categoryProperty="Country" items="{{ categoricalSource }}">
 
           <chart:LineSeries.labelStyle>
               <chart:PointLabelStyle margin="10" fontStyle="Bold" fillColor="#60B3FC" textSize="10" textColor="White" />
           </chart:LineSeries.labelStyle>
       </chart:LineSeries>
 
       <chart:LineSeries legendTitle="Store scope" showLabels="true" seriesName="Bar" valueProperty="SecondVal" categoryProperty="Country" items="{{ categoricalSource }}">
 
           <chart:LineSeries.labelStyle>
               <chart:PointLabelStyle margin="10" fontStyle="Bold" fillColor="#FC6060" textSize="10" textColor="White"  />
           </chart:LineSeries.labelStyle>
       </chart:LineSeries>

In your   lineHidden will hide only axis line of which you have set this property. You could read more about the attributes that you could use in the attached links from the documentation.

Styling labels

Axes Styling

I hope this is applicable for your project. 

Regards,
nikolay.tsonev
Telerik by Progress
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
General Discussion
Asked by
Paulson
Top achievements
Rank 1
Answers by
Nikolay Tsonev
Telerik team
Share this question
or