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

Customizable Point Chart

1 Answer 147 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Gunjan
Top achievements
Rank 1
Gunjan asked on 06 Jun 2017, 05:45 PM

We are having an urgent need of a customizable point chart a figure of which is attached for your kind reference.

The Y axis needs to have a range and not incremental numbers. (High, Med, Low)
The icons that need to be plotted need to be images or circle with gradient color. 

The grid lines drawn need to be dividing the data into equal 9 quadrants. 

We need to have a Save as PDF & JPG/PNG format. 

Request you to confirm which of your existing graphs will help us to achieve the expected functionality. 

Request you to urgently respond. 

 

 

1 Answer, 1 is accepted

Sort by
0
Alex Hajigeorgieva
Telerik team
answered on 08 Jun 2017, 01:31 PM
Hi Gunjan,

I believe that you can achieve the required look with the Kendo UI Scatter Chart.

I prepared a mock-up for you here:

http://dojo.telerik.com/@bubblemaster/InUCa/3

Chart API used:

- legend.position
- chartArea.width
- seriesDefaults.markers.background & size 
- added a couple of fake axes with red colour
- made the axes majorTicks invisible
- defined an axisCrossing value to create the red "square" look
- yAxis labels template to visualise the text in the labels
- used some step and skip of the axes to visualise the nine quadrants

Kind Regards,
Alex Hajigeorgieva
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data (charts) and form elements.
Tags
Charts
Asked by
Gunjan
Top achievements
Rank 1
Answers by
Alex Hajigeorgieva
Telerik team
Share this question
or