GOOGLE_CHART_BTN

Adds a google charts chart to the page. It collects the data from a table, the table must be structured properly, more on that here: Google Charts.

Number	Name	Default	Type	Description
1	source_id		String	The id of the table that is holding the data. Must include the # for example: #chart_data.
2	dest_id		String	The id of the div to display the chart in. Must include the #, for example: #chart_here.
3	type	BarChart	String	The type of chart to display. PieChart 3DPieChart DonutChart BarChart LineChart ColumnChart AreaChart SteppedAreaChart
4	disp_text		String	Will display text on a button that generates the chart, if not set it will use a symbol that corresponds with the chart from parameter 3.
-	style		String	Add a style to the button.
-	class		String	Add a class to the button, for example: {"class":"btn btn-primary"}
-	back	false	Boolean	Back Button

<table id="mydata" class="table table-bordered table-sm">
	<tbody>
		<tr>
			<th></th><td>Fruits</td>
		</tr>
		<tr>
			<th>Apples</th><td>6</td>
		</tr>
		<tr>
			<th>Pears</th><td>2</td>
		</tr>
		<tr>
			<th>Banannas</th><td>8</td>
		</tr>
	</tbody>
</table>

<div id="mychart" style="height: 600px; width: 600px; background-color: powderblue;" >Chart Goes Here</div>

{GOOGLE_CHART_BTN(#mydata, #mychart, ColumnChart)}

	Fruits
Apples	6
Pears	2
Banannas	8

Chart Goes Here

to add a Comment.

ULTIMATE DATABASE

HIGH QUALITY BESPOKE SOFTWARE DEVELOPMENT TOOL

GOOGLE_CHART_BTN

Example