chart ui categoryAxis labels' background

2 posts, 0 answers
  1. Arsen
    Arsen avatar
    15 posts
    Member since:
    Sep 2014

    Posted 30 Sep 2014 Link to this post

    Hello,

    Could you provide me way to make axis labels' background with width.
    Please view the file attached

    thanks
  2. Victor
    Admin
    Victor avatar
    1351 posts

    Posted 03 Oct 2014 Link to this post

    Hello Arsen,

    Thanks for writing.
    Please consider this example:
    public class CustomCategoricalAxis extends CategoricalAxis {
        public CustomCategoricalAxis(Context context) {
            super(context);
        }
        @Override
        public void renderLabel(Canvas canvas, ChartNode dataPoint) {
            RadRect layoutSlot = this.getLayoutSlot(dataPoint, this.lastLayoutContext);
            Paint yellow = new Paint();
            yellow.setColor(Color.YELLOW);
            canvas.drawRect((float)layoutSlot.x - 20.0f, (float)layoutSlot.y, (float)layoutSlot.getRight() + 20.0f, (float)layoutSlot.getBottom(), yellow);
            super.renderLabel(canvas, dataPoint);
        }
    }

    You can use this custom axis instead of the base CategoricalAxis class.
    You can tweak the width with those magic numbers added to left and right. Also, there is bug in the label layout that causes them to stick a little bit above their layout slot. This will be fixed in our next release.

    Please write again if you have more questions.

    Regards,
    Victor
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. DevCraft banner
Back to Top