Color Your Single-Series Charts The Way You Like

Color Your Single Series Charts

Collabion Charts for SharePoint

The Way You Like

Let’s learn how to

choose custom colors for single series charts, in Collabion Charts for SharePoint.

Data=Plot Coloring For Single Series Charts | Collabion Charts For SharePoint

But most importantly, they help in highligh3ng insights!


Colors have the power to transform the look and feel of your charts! They not only help in differen3a3ng your data but also make the charts visually appealing. You can expect your charts to be: •  Comprehensible •  Interpretable •  BeauAful

Here’s a look at one of the charts built with Collabion Charts for SharePoint.

Who wouldn’t like to be equipped with the freedom of choosing from a range of varied hues for charts? Collabion Charts for SharePoint provides easily configurable op3ons for customizing the cosme3c proper3es of your charts.


We will learn how to customize the colors of the various data plots in a Single Series chart generated with Collabion Charts. Before we proceed, we need to know about HEXCODES for colors! According to Wikipedia, “Web colors are colors used in displaying web pages, and the methods for describing and specifying those colors. Colors may be specified as an RGB triplet or in hexadecimal format (a hex triplet).” Thus, in a webpage, any hexadecimal number code which describes a color is called a ‘hex color code’. Any color can be specified through its hex code.


Collabion Charts for SharePoint

lets you choose from a virtually endless set of colors provided in hex-‐code

for coloring your data plots.



Step 1: •  Launch the Collabion Charts for SharePoint wizard.


Step 2: •  Select a data source( here MicrosoN SQL Server Database). •  Configure it accordingly.


Step 3: •  In the Select Fields sec3on, select the fields you want to plot in your chart.

Here, we are selec3ng the fields ‘ Sales Amount ‘ (for the Y-‐Axis) and ‘Category Name’ (for the X-‐Axis).

•  Click on the Apply buUon.

Step 4: •  Go to the Group Data sec3on under Data Source. •  Apply grouping of data if you want. Here we are grouping the data by the ‘ Category Name ‘ field along the X-‐Axis and puFng the aggregate func3on SUM on the ‘Sales Amount’ field (to be ploMed along the Y-‐Axis).


Step 5: •  Go to the Series CustomizaAon sec3on under Chart ConfiguraAon. •  Select the Series tab. Note that the color selec3on op3ons are disabled.


Step 6: •  Go to the Labels, Values & ToolAps sec3on under Chart ConfiguraAon. •  Select the Data Plot tab. Note that the Data Plot Colors text box seFng is empty.


Step 7: •  Enter the hex codes of the colors you want for your data plots in the Data Plot

Colors text box seXng. •  Click on Apply.

Hex Code Color Name Color

00BD87 Sea Green

00C3CB Turquoise

FF5664 Vermillion

FB8610 Orange

E7C42E Yellow

BF9FD2 Purple

E1A9CA Pink

8E8E8E Grey

We have used the above colors to fill our data plots.


Step 8: •  Complete all the other sec3ons in the wizard according to your requirements. •  Click on Finish. Voila! Your chart is generated!

Play with a paleCe full of myriads of colors. From the sophis3cated cool tones to the bright and beau3ful, your charts never looked so appealing before!


Hope this was useful and fun! We’re anyway a shout away and always ready to hear you out.

Happy charAng!!

`.com/collabion @collabion [email protected]

Color Your Single-Series Charts The Way You Like

Data & Analytics