Line chart○Bar chart○Stacked bar chart○Area chart○Scatter Plot○Histogram○Bubble Chart○Pie chart○Radar Display○Wind Rose○Density Display○3D Scatter○Calendar○Gauge
Line chart
If padRight is set to true than the chart is padded on the right with the same space as what is used for the second axis legend. This allows for two or more charts to be aligned that have one or more fields being displayed.
{You can set various colors of the chart with the following properties:{display_linechart width="800" height="400" fields="" vAxisMinValue="0" vAxisMaxValue="1.0" padRight="true"}}
chart.fill="color or 'transparent'" chart.stroke="stroke color" chart.strokeWidth="width" chartArea.fill="color or 'transparent'" chartArea.stroke="stroke color" chartArea.strokeWidth="width" hAxis.gridlines.color="color" vAxis.gridlines.color="color"Annotating Charts
Annotations for a chart can be specified in two ways. The first is to specify one or more data fields to create the annotation from:
annotationFields="field1,field2,..." annotationLabelField="field" //optional for the labelThe second way is to specify the annotations using an annotations attribute:
annotations=" <,index1>,label1,description1; <,index2>,label2,description2; ... "Where <index> is either a date or a numeric index, e.g;
annotations=" 2,A,annotation 1; 2016-06-24,B,annotation 2; 2016-06-24,C,<,h1>,annotation 3</h1> 2017-01-02,D,annotation 4 "
Bar chart
{{display_barchart fields="" padRight="true"}}
Stacked bar chart
{{display_barstack fields=""}}
Area chart
{{display_areachart width="800" height="400" fields="" vAxisMinValue="0" vAxisMaxValue="1.0" padRight="true" isStacked="true"}}
Scatter Plot
{{display_scatterplot width="800" height="400" fields=""}}
Histogram
{{display_histogram width="800" height="400" fields="" colors="comma separated color list" legendPosition="none|top|right|left|bottom" textPosition="out|in|none" isStacked="false|true|percent|relative" logScale="true|false" scaleType="log|mirrorLog" vAxisMinValue="" vAxisMaxValue="" minValue="" maxValue=""}}
Bubble Chart
{Example{display_bubble width="500" height="500" fields="label|x|y|color|size" colorTable="" colors="comma separated color list" legendPosition="none|top|right|left|bottom" hAxisFormat="none|decimal|scientific|percent|short|long" vAxisFormat="none|decimal|scientific|percent|short|long" hAxisTitle="" vAxisTitle=""}}
Pie chart
{{display_piechart fields="" pieHole="0.5" is3D="true" bins="bin count" binMin="min" binMax="max" sliceVisibilityThreshold="0.01" width="500" height="250"}}
Radar Display
{Example{display_radar fields=""}}
Wind Rose
{Example{display_windrose fields=""}}
Density Display
{Example{display_density fields="tmax,vp"}}
3D Scatter
{Example{display_3dscatter fields=""}}
Calendar
If missingValue is specified than any point value with that value won't be shown.
{{display_calendar fields="" cellSize="15" missingValue="0"}}
Gauge
{{display_gauge fields="" gaugeMin="" gaugeMax="" gaugeLabel=""}}