Exago Logo
Search
Generic filters
Exact matches only

Chart Advanced Features: Samples

The Advanced Features in the Chart Wizard allow for fine grain control over the chart and its components. Use the examples in this article as inspiration when designing reports and charts.

Area Charts

Add a Bordering Line

An area chart displays its data by shading in the area below the curve. A border can be applied to this plot, and by selectively choosing the edges the border is applied a line appears.

T73al1AC26.png
A basic area chart with no border applied
3bPCuRiEOh.png
The same area chart with a border applied along the top edge only. The divisional grid lines behind the chart have also been changed to solid
Advanced Feature NameValue
showPlotBorder1
plotBorderColorprovide a hexadecimal HTML color code, or omit to use the first default chart color
plotBorderThickness4
drawFullAreaBorder0
divLineDashed0

Bar and Column Charts

Display a Background Image

This example utilizes a few advanced features to provide a partially transparent background image, and an additional feature to narrow the width of the columns.

wgbYf14B9L.png
Basic column chart with the Lilac theme prior to applying the Advanced Features
8YTVlcrTs3.png
A partially transparent background image applied to the chart canvas and the narrower columns activated with Advanced Features
Advanced Feature NameValue
bgImageA URL in the same domain as Exago that points to the background image
e.g. http://192.168.168.129/butterfly.jpg
bgImageAlpha40
imageHAlignmiddle
bgImageDisplayModestretch
maxColWidth14

Pie Charts

Show Values in Tooltips

By default, the tooltip on a pie chart shows the percentage of the series. With the showPercentInToolTip advanced feature, the underlying value can be displayed instead.

xtcAlxyAAE.png
Percentage shown in the tooltip before applying the advanced feature
lf28P28tXl.png
Underlying value shown in the tooltip after applying the advanced feature
Advanced Feature NameValue
showPercentInToolTip0

Radar Charts v2021.1+

Outline Instead of Filled Data Plot

To show an outline instead of a filled in area representing the data, use a combination of four advanced features.

VM91gWr7e8.png
The data plot is filled in before applying the advanced features
gmdgoypzNG.png
The data plot becomes outlines with no fill after applying the advanced features

Note

The Theme setting in the Chart Wizard will not apply when utilizing these features. paletteColors can be used to change the colors of the series instead.

Advanced Feature NameValue
plotFillAlpha0
plotBorderAlpha100
showPlotBorder1
palletteColors#3B5BD2,#4E80F4
optional — a comma separated list of hexadecimal HTML color codes

Spark Line Charts

Remove Anchors and Values

A background color is also applied to this spark chart through its Other Features.

ElU815hgdv.png
Standard Spark chart
NRQ6CkFWOw.png
Spark chart with anchors and values removed
Advanced Feature NameValue
shopOpenAnchor0
showCloseAnchor0
showHighAnchor0
showLowAnchor0
showOpenValue0
showCloseValue0
showHighLowValue0
lineThickness3
Was this article helpful?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Table of Contents