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

ScatterSeries Point Formatting

2 Answers 129 Views

ChartView

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

Melissa asked on 01 Nov 2018, 05:24 AM

figure-1.png

figure-2.png

I was wondering if it’s possible to get more advanced formatting such as hollow (doughnut) points with an outline color (figure 1) or even more advanced formatting like using gradient and bevel properties in Excel (figure 2).

2 Answers, 1 is accepted

answered on 01 Nov 2018, 12:50 PM

Hello, Melissa,

It is possible to assign a specific shape for the ScatterSeries, e.g. DonutShape. Thus, you will obtain donuts data points. In addition, you can iterate the ScatterPointElements and customize the color and gradient style. You can find below a sample code snippet:

ScatterSeries scatterSeries = new ScatterSeries();

scatterSeries.Name = "";

scatterSeries.DataPoints.Add(new ScatterDataPoint(15, 19));

scatterSeries.DataPoints.Add(new ScatterDataPoint(18, 10));

scatterSeries.DataPoints.Add(new ScatterDataPoint(13, 15));

scatterSeries.DataPoints.Add(new ScatterDataPoint(10, 8));

scatterSeries.DataPoints.Add(new ScatterDataPoint(5, 12));

scatterSeries.PointSize = new SizeF(15,15);

this.radChartView1.Series.Add(scatterSeries);

ScatterSeries scatterSeries2 = new ScatterSeries();

scatterSeries2.Name = "";

scatterSeries2.DataPoints.Add(new ScatterDataPoint(20, 20));

scatterSeries2.DataPoints.Add(new ScatterDataPoint(15, 10));

scatterSeries2.DataPoints.Add(new ScatterDataPoint(7, 6));

scatterSeries2.DataPoints.Add(new ScatterDataPoint(18, 22));

scatterSeries2.DataPoints.Add(new ScatterDataPoint(10, 10));

scatterSeries2.PointSize = new SizeF(6, 6);

scatterSeries2.Shape = new DonutShape();

this.radChartView1.Series.Add(scatterSeries2);

foreach (ScatterPointElement pe in scatterSeries.Children)

{

pe.GradientStyle = GradientStyles.Radial;

pe.BackColor = Color.Red;

pe.BackColor2 = Color.Yellow;

}

I hope this information helps. If you need any further assistance please don't hesitate to contact me.

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting

Testing & Mocking

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

ScatterSeries Point Formatting

2 Answers, 1 is accepted