Referring to wrong element: Please update this line: Should be fixed:
var chart = new google.visualization.ColumnChart(
document.getElementById('chart_div'));
Here is the output:
[image: image.png]
*Thanks,*
*Mudassir Ali Khaja,*
*Email: kmudassir...@gmail.com <kmudassir...@gmail.com>*
On Sun, 22 Nov 2020 at 18:54, Victor Wong <wong...@gmail.com> wrote:
> Thank you for the response! Mr. Mudassir Ali Khaja!
> The .js code was just copied from the site (
> https://developers.google.com/chart/interactive/docs/animation?hl=en )
> when I came across googles dev site for bar charts because it had a nice
> button that you can click and it renders the column chart to 'reduce' or
> 'expand'.
> The chart doesn't even appear on the html when I bring it up on a
> browser..sorry sir, I'm kind of clueless..
> Your assistance in this is most kind!
> Victor Wong
>
> this is my googlebarchrt3.html page:
> <button type="button" id="b1" onclick="init();" >Click me!</button>
> <script type="text/javascript" src="https://www.google.com/jsapi";></script
> >
> <script type="text/javascript" src="googlebarchrt3.js" charset="utf-8"></
> script>
>
> <body>
> <div id="chart_div" style="width: 700px; height: 600px;"></div>
> </body>
>
> this is my googlebarchrt3.js file:
> google.load("visualization", "1", {packages: ["corechart"]});
>
> google.charts.setOnLoadCallback(init);
>
> function init() {
> var options = {
> width: 700,
> height: 600,
> animation:{
> duration: 1000,
> easing: 'out',
> },
> vAxis: {minValue:0, maxValue:1000}
> };
>
> var data = new google.visualization.DataTable();
> data.addColumn('string', 'N');
> data.addColumn('number', 'Value');
> data.addRow(['V', 200]);
>
> var chart = new google.visualization.ColumnChart(
> document.getElementById('visualization'));
> var button = document.getElementById('b1');
>
> function drawChart() {
> // Disabling the button while the chart is drawing.
> button.disabled = true;
> google.visualization.events.addListener(chart, 'ready',
> function() {
> button.disabled = false;
> });
> chart.draw(data, options);
> }
>
> button.onclick = function() {
> var newValue = 1000 - data.getValue(0, 1);
> data.setValue(0, 1, newValue);
> drawChart();
> };
> drawChart();
> }
>
> On Sun, Nov 22, 2020 at 6:39 PM "Mudassir Ali Khaja (ⓜⓐⓛⓘⓚ)" <
> kmudassir...@gmail.com> wrote:
>
>> Can u attach the chart options and the sample chart data you were using..
>>
>> Thanks,
>> Mudassir Ali Khaja
>> Phone: (660)441-1485
>>
>> On Nov 22, 2020, at 6:27 PM, Victor Wong <wong...@gmail.com> wrote:
>>
>>
>> Hi,
>> I'm a student and I'm trying to figure out why my column chart doesn't
>> work..
>> Can anyone assist?
>> I can't seem to attach my folder here..is there a reason why?
>> Thx
>> Victor!
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Google Visualization API" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to google-visualization-api+unsubscr...@googlegroups.com.
>> To view this discussion on the web visit
>> https://groups.google.com/d/msgid/google-visualization-api/a1e7075c-3cba-4a25-a86e-276bbb15c15bn%40googlegroups.com
>> <https://groups.google.com/d/msgid/google-visualization-api/a1e7075c-3cba-4a25-a86e-276bbb15c15bn%40googlegroups.com?utm_medium=email&utm_source=footer>
>> .
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "Google Visualization API" group.
>> To unsubscribe from this group and stop receiving emails from it, send an
>> email to google-visualization-api+unsubscr...@googlegroups.com.
>> To view this discussion on the web visit
>> https://groups.google.com/d/msgid/google-visualization-api/9B50C0BF-0F89-405C-A15A-D4C991684AD1%40gmail.com
>> <https://groups.google.com/d/msgid/google-visualization-api/9B50C0BF-0F89-405C-A15A-D4C991684AD1%40gmail.com?utm_medium=email&utm_source=footer>
>> .
>>
> --
> You received this message because you are subscribed to the Google Groups
> "Google Visualization API" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to google-visualization-api+unsubscr...@googlegroups.com.
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-api/CAJAzQQuvZnZVNQ2Nx6akF%2BjwAPxCahaaSpt-HpdDyWmBOo7B2Q%40mail.gmail.com
> <https://groups.google.com/d/msgid/google-visualization-api/CAJAzQQuvZnZVNQ2Nx6akF%2BjwAPxCahaaSpt-HpdDyWmBOo7B2Q%40mail.gmail.com?utm_medium=email&utm_source=footer>
> .
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-visualization-api+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/google-visualization-api/CAOOfcRSGfFtEHbH5HAgug36MGrvAVQNAvcOsr2N5SfcLrrQQdA%40mail.gmail.com.
