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

Kendo scatter chart with 4 QUADRANT label

2 Answers 255 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Sam
Top achievements
Rank 1
Sam asked on 22 Apr 2020, 05:02 AM

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 Answers, 1 is accepted

Sort by
0
Sam
Top achievements
Rank 1
answered on 23 Apr 2020, 08:42 AM
Any update on this please?
0
Svet
Telerik team
answered on 23 Apr 2020, 12:00 PM

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.
Tags
Charts
Asked by
Sam
Top achievements
Rank 1
Answers by
Sam
Top achievements
Rank 1
Svet
Telerik team
Share this question
or