tdgchart
Properties
chartType
This property defines the chart type.
chartType: 'string'One of 'bar', 'line', 'area', 'pie', 'scatter', 'bubble', 'gauge', 'waterfall', 'sparkline', 'bullet', 'funnel', 'boxplot', 'histogram', 'treemap', 'bar3d', 'area3d', 'surface3d', 'pareto', 'radar', 'polar', 'legend', 'mekko', 'streamgraph', 'parabox'.
backend
One of 'js' or 'flash'. Choose which rendering technology to use. Must be passed to the tdgchart() constructor to have any effect.
backend: 'js'allowBackendFallback
Allow the chart engine to choose a better backend, if possible. Must be passed to the tdgchart() constructor to have any effect.
allowBackendFallback: falsedata
This property defines the chart data.
[[0.6, 0.8, 0.9],
[1.0, 0.2, 0.3],
[0.65, 0.7, 0.25],
[0.3, 0.3, 1.0]]dataSubset
This property defines the chart dataSubset.
dataSubset: {
startGroup: undefined,
stopGroup: undefined
}riserCycleEndLightness
If there are more series than series colors defined, we cycle through the colors. This defines the lightness / darkness of the final riser color cycle. Valid range between 0 and 1. < 0.5 darkens each series cycle, > 0.5 lightens, so 0 ends as black, 1 ends as white.
riserCycleEndLightness: 0.8depth
2.5D depth effect; either undefined or a number between 0 & 100. Works for bar, line, area, pie and any 'bar-like' chart (gantt, histogram, etc).
depth: undefinedriserDepthGap
2.5D or 3D gap between risers when one riser is placed behind the other. 0 to 1 (as a factor of the depth).
riserDepthGap: 0.2riserBevel
One of 'none', 'darken', 'lighten', 'darkenInverted', 'lightenInverted', 'bevel', 'cylinder', 'donut'.
riserBevel: undefinedbubbleMarker
Size to draw the largest bubble. Either a number (diameter of bubble in pixels), or a percent string ('30%', a fraction of the chart frame size (minimum of width & height)).
bubbleMarker: {
maxSize: '25%'
}bulletProperties
This property defines the bulletProperties.
bulletProperties: {
drawFirstValueAsBar: true
}referenceLine
This is the structure / API for one refernce line. This specific object does nothing, and is only for reference (like defaultSeries).
referenceLines
This is the actual list of reference lines, just like series: [...] below.
referenceLines: []groupLabels
This property defines the groupLabels.
groupLabels: "ABCDEFGHIJKLMNOPQRSTUVWXYZ".split('')series
This property defines the series.
series: [
{series: 'all', color: 'blue', showDataValues: true, border: {width: 2}, marker: {size: 8, border: {width: 1, color: 'black'}}}, // This is the default series
{series: 0, color: 'red'},
{series: 1, color: 'green'},
{series: 2, color: 'orange'}
]xaxisOrdinal
These empty objects are here for backwards compatibility. These allow code such as chart.xaxisOrdinal.title.text = 'hello' to continue working with the new chart.xaxis API.
xaxisNumeric
These empty objects are here for backwards compatibility. These allow code such as chart.xaxisOrdinal.title.text = 'hello' to continue working with the new chart.xaxis API.