Kendo scatter chart with 4 QUADRANT label

3 posts, 0 answers
  1. Sam
    Sam avatar
    11 posts
    Member since:
    Apr 2020

    Posted 22 Apr Link to this post

    Hi Team,

    I am using kendo scatter chart with showing 4 quadrant ..is there any feature available where we can place the label on each quadrant .

    Though, we are able to put label using CSS but curious to know if any inbuilt feature available.

     

    Attaching the image with highlighted label 

     

    Thanks,

    Sam

  2. Sam
    Sam avatar
    11 posts
    Member since:
    Apr 2020

    Posted 23 Apr Link to this post

    Any update on this please?
  3. Svetlin
    Admin
    Svetlin avatar
    444 posts

    Posted 23 Apr Link to this post

    Hi Sam,

    Thank you for the provided screenshot.

    Indeed, there isn't a built-in feature that allows to provide a label for each quadrant. The limitation is caused due to the underlying Chart configuration which relies on axis instead of on quadrants. Thus, the title of each axis can be set and positioned in the beginning or end. But there can be only two titles as there are two axis:

    https://stackblitz.com/edit/angular-qhse1m?file=app/app.component.ts

    Using the visual function it would be possible to further position the titles of the axis on the desired locations. In practice, each axis title may consists of the text for two quadrant labels separated with some empty space. But the positioning would be further based on some hard coded values and using one axis title for displaying 2 quadrant labels wouldn't be an intended usage.

    To sum up, I understand that this may be disappointing but the requirement isn't possible to be achieved with a built-in feature of Kendo UI for Angular. Please let me know in case I can provide any additional information on this case or if I am missing something about the actual chart configuration. Thank you.

    Regards,
    Svetlin
    Progress Telerik

    Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
    Our thoughts here at Progress are with those affected by the outbreak.
Back to Top