Chart Samples

Bar Charts
collapsePoint

When collapsePoint is set, values after the collapsePoint will be grouped into the "other" category. For instance, if collapsePoint is 5, the fifth value in the list and all others after will be grouped into the other category. It is recommended that sortType is set to desc. See also: otherColor.

2

Infinity

defaultColor

defaultColor changes the color of all elements that do not have a specified color. It defaults to gray

gray

lime

#cde

rgb(250, 200, 150)

fontFamily

Sets the font family. It defaults to sans-serif.

sans-serif

serif

cursive

fontSize

Sets the font size. It defaults to [height/20]px.

12pt

24pt

32pt

fontWeight

Adjusts font weight. It defaults to normal.

200

normal

bold

gapWidth

Adjusts width of the gap between each bar. Defaults to [width]/20

0

25

50

maxY

Adjusts the value at the top of the chart. If left empty, it is set so that the largest bar fills the chart

Sum of all values

30

roundBars

roundBars adjusts the roundness of the tops of each bar. Setting the value to 0 results in a non-rounded top. Setting it to infinity results in each bar being completely rounded. The default is [height]/30

0

20

Infinity

otherColor

Sets the color of the "other" category when applied. Defaults to gray

gray

red

#cef

sortType

sortType adjusts the order of the items. The possible values are asc (largest is on the right), desc (largest is on the left), and the default none value. The desc value is recommended when the collapsePoint parameter is used. Note than sortType changes the data.

asc

desc

none

valueLabelType

valueLabelType changes the text in the valueLabel from 'face' values, where the value is labelled, to 'percent' values, where the percent is labeled. Default is face

Face

Percent

valueLabelLocation

valueLabelLocation changes the location of the valueLabel from the top of the chart (the default, top) to above the bar (outside) or to inside the bar (inside). If you do not want a value label, use the none option instead.

inside

top

outside

none

Cool Designs

gapWidth = 0
roundBars = 0

otherColor = #9cf
collapsePoint = 5
sortType = desc

Pie Charts
collapsePoint

When collapsePoint is set, values after the collapsePoint will be grouped into the "other" category. For instance, if collapsePoint is 5, the fifth value in the list and all others after will be grouped into the other category. It is recommended that sortType is set to desc. See also: otherColor.

2

Infinity

defaultColor

defaultColor changes the color of all elements that do not have a specified color. It defaults to gray

gray

lime

#cde

rgb(250, 200, 150)

fontFamily

Sets the font family. It defaults to sans-serif.

sans-serif

serif

cursive

fontSize

Sets the font size. It defaults to [height/20]px.

12pt

24pt

32pt

fontWeight

Adjusts font weight. It defaults to normal.

200

normal

bold

labelGapWidth

Adjusts width of the gap between each bar. Defaults to [height]/60

0

20

40

minimumLabelSize

Sets what size a pie slice (as a decimal between 0 and 1) has to be to have a label. Defaults to 0.05

0

0.1

1

minimumValueLabelSize

Sets what size a pie slice (as a decimal between 0 and 1) has to be to have a label. Defaults to 0.1

0

0.1

1

otherColor

Sets the color of the "other" category when applied. Defaults to gray

gray

red

#cef

sortType

sortType adjusts the order of the items. The possible values are asc (largest is on the right), desc (largest is on the left), and the default none value. The desc value is recommended when the collapsePoint parameter is used. Note than sortType changes the data.

asc

desc

none

valueLabelType

valueLabelType changes the text in the valueLabel from 'face' values, where the value is labelled, to 'percent' values, where the percent is labeled. Default is face

Face

Percent