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.
{{display_linechart width="800" height="400" fields="" vAxisMinValue="0" vAxisMaxValue="1.0" padRight="true"}}
Chart Colors
You can set various colors of the chart with the following properties:
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:
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 "
Area chart
{{display_areachart width="800" height="400" fields="" vAxisMinValue="0" vAxisMaxValue="1.0" padRight="true" isStacked="true"}}
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"}}