How to customize legend item shape in the Chart?

You can customize the legend item symbol shape by using the shape property of legend. Essential Chart supports about 20 different types of shape for legend item symbol, marker, trackball marker and data label background shape.

The following table describes the different shapes available for legend item symbol.

Shape Name	Type	Default	Description
None	string	none	Sets the shape to none.
LeftArrow	string	leftarrow	Sets the shape to leftarrow.
RightArrow	string	rightarrow	Sets the shape to rightarrow.
Circle	string	circle	Sets the shape to circle.
Cross	string	cross	Sets the shape to cross.
HorizLine	string	horizline	Sets the shape to horizline.
VertLine	string	vertLine	Sets the shape to vertline.
Rectangle	string	rectangle	Sets the shape to rectangle.
Diamond	string	diamond	Sets the shape to diamond.
Triangle	string	triangle	Sets the shape to triangle.
InvertedTriangle	string	invertedtriangle	Sets the shape to invertedtriangle.
Hexagon	string	hexagon	Sets the shape to hexagon.
Pentagon	string	pentagon	Sets the shape to pentagon.
Star	string	star	Sets the shape to star.
Ellipse	string	ellipse	Sets the shape to ellipse.
Wedge	string	wedge	Sets the shape to wedge.
Trapezoid	string	trapezoid	Sets the shape to trapezoid.
UpArrow	string	uparrow	Sets the shape to uparrow.
DownArrow	string	downarrow	Sets the shape to downarrow.
Image	string	image	Sets the shape to image.

The following screenshot displays the Chart with hexagon shape legend item symbol.

Figure 1: Chart with hexagon shape legend item symbol

JS Playground sample link: Legend Shape

Article ID:	Published Date:	Last Revised Date:	Platform:	Control:
3900	02/12/2015	08/11/2015	JavaScript	ejChart

Tags:

general|chart|chart_legend|legend_customization|legend-shape

Did you find this information helpful?

Yes

CONTACT US