How to Hide IOS chart Label?

2 posts, 0 answers
  1. Paulson
    Paulson avatar
    50 posts
    Member since:
    Apr 2016

    Posted 09 Sep Link to this post

    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

     

  2. nikolay.tsonev
    Admin
    nikolay.tsonev avatar
    69 posts

    Posted 09 Sep Link to this post

    Hi,

    To hide the label you could use showLabels property and to 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 case  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
Back to Top