nutch31 · March 18, 2019 07:04
diff --git a/gistfile1.txt b/gistfile1.txt
 <html>
  <head>
  <?php $array = [      
      ['2011', 98, '98 calls', 53, '53 forms'],
      ['2012', 151, '151 calls', 34, '34 forms'],
      ['2013', 69, '69 calls', 27, '27 forms'] 
  ];

  $jsonTable = json_encode($array);
  ?>
  <script src="http://www.google.com/jsapi?fake=.js"></script>
    <div id="chart_div"></div>
    <script type="text/javascript">
        google.load("visualization", "1", {
        packages: ["corechart"]
    });
    google.setOnLoadCallback(drawChart);

 function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ['Leads', 
        'Calls', {
            role: 'annotation'
        },
        'Forms', {
            role: 'annotation'
        }
        ],
            ['2011', 98, '98 calls', 53, '53 forms'],
            ['2012', 151, '151 calls', 34, '34 forms'],
            ['2013', 69, '69 calls', 27, '27 forms'] 
        ]);

    var options = {
        width: 1000,
        height: 550,
        legend: {
            position: 'top',
            maxLines: 3,
            textStyle: {
                color: 'black',
                fontSize: 16
            }
        },
        isStacked: true,
        chartArea: {backgroundColor: '#fffff0'},
          hAxis: {
            textStyle: {
              color: '#993300'
            },
            title: 'Subjects',
            titleTextStyle: {
              color: '#993300',
              fontName: 'Verdana',
              fontSize: 22
            }
          },
          vAxis: {
            maxValue: 1000,
            textStyle: {
              fontName: 'Verdana',
              color: '#993300'
            },
            title: 'A Quick Basic ChartWrapper Setup from a Remote Google Sheet Source',
            titleTextStyle: {
              color: 'blue',
              fontName: 'Arial',
              fontSize: 16
            }

          }

        // Displays tooltip on selection.
        //tooltip: { trigger: 'selection' }, 
    };

    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
    chart.draw(data, options);

    // Selects a set point on chart.
    // chart.setSelection([{row:0,column:1}]) 

    // Renders chart as PNG image 
    // chart_div.innerHTML = '<img src="' + chart.getImageURI() + '">';

 }
    </script>
  </head>
 </html>
	<html>
	<head>
	<?php $array = [
	['2011', 98, '98 calls', 53, '53 forms'],
	['2012', 151, '151 calls', 34, '34 forms'],
	['2013', 69, '69 calls', 27, '27 forms']
	];

	$jsonTable = json_encode($array);
	?>
	<script src="http://www.google.com/jsapi?fake=.js"></script>
	<div id="chart_div"></div>
	<script type="text/javascript">
	google.load("visualization", "1", {
	packages: ["corechart"]
	});
	google.setOnLoadCallback(drawChart);

	function drawChart() {
	var data = google.visualization.arrayToDataTable([
	['Leads',
	'Calls', {
	role: 'annotation'
	},
	'Forms', {
	role: 'annotation'
	}
	],
	['2011', 98, '98 calls', 53, '53 forms'],
	['2012', 151, '151 calls', 34, '34 forms'],
	['2013', 69, '69 calls', 27, '27 forms']
	]);

	var options = {
	width: 1000,
	height: 550,
	legend: {
	position: 'top',
	maxLines: 3,
	textStyle: {
	color: 'black',
	fontSize: 16
	}
	},
	isStacked: true,
	chartArea: {backgroundColor: '#fffff0'},
	hAxis: {
	textStyle: {
	color: '#993300'
	},
	title: 'Subjects',
	titleTextStyle: {
	color: '#993300',
	fontName: 'Verdana',
	fontSize: 22
	}
	},
	vAxis: {
	maxValue: 1000,
	textStyle: {
	fontName: 'Verdana',
	color: '#993300'
	},
	title: 'A Quick Basic ChartWrapper Setup from a Remote Google Sheet Source',
	titleTextStyle: {
	color: 'blue',
	fontName: 'Arial',
	fontSize: 16
	}

	}

	// Displays tooltip on selection.
	//tooltip: { trigger: 'selection' },
	};

	var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
	chart.draw(data, options);

	// Selects a set point on chart.
	// chart.setSelection([{row:0,column:1}])

	// Renders chart as PNG image
	// chart_div.innerHTML = '<img src="' + chart.getImageURI() + '">';

	}
	</script>
	</head>
	</html>