how to use javascript global variable in google chart
2
i have define variable globally in java script and want to use it in google chart, but it giving undefined error.
var period;
$(document).ready(function () {
$('#period').on('change', function () {
window.period = this.value;
alert(period);
});
// period variable in google chart is showing undefined
google.charts.load('current', {
callback: function drawChart() {
var jsonData = $.ajax({
type: 'GET',
url: "{{ url('/datesalesbarchartdata') }}/" + period ,
dataType: "json",
global: false,
async: false,
success: function (jsondata) {
}
}).responseText;
javascript jquery charts google-visualization
asked Nov 16 '18 at 7:02
Rushiket MoreRushiket More
214
|
show 1 more comment
2
i have define variable globally in java script and want to use it in google chart, but it giving undefined error.
var period;
$(document).ready(function () {
$('#period').on('change', function () {
window.period = this.value;
alert(period);
});
// period variable in google chart is showing undefined
google.charts.load('current', {
callback: function drawChart() {
var jsonData = $.ajax({
type: 'GET',
url: "{{ url('/datesalesbarchartdata') }}/" + period ,
dataType: "json",
global: false,
async: false,
success: function (jsondata) {
}
}).responseText;
javascript jquery charts google-visualization
asked Nov 16 '18 at 7:02
Rushiket MoreRushiket More
214
3
Might the whole code be inside some other IIFE? Try assigning to justperiod, or refer towindow.periodinsidedrawChart(also, are you sure the chart starts being loaded after period is first defined?)
– CertainPerformance
Nov 16 '18 at 7:03
Remove the var from in front of 'period'
– Difster
Nov 16 '18 at 7:11
1
@Difster Noooo!
– Teemu
Nov 16 '18 at 7:12
Sure @Teemu - Check it out: jsfiddle.net/difster/ybku12q9/1
– Difster
Nov 16 '18 at 7:17
@CertainPerformance it works when i insertdrawChartinperiodbelow i will share working code.Thanks You all for your help.
– Rushiket More
Nov 16 '18 at 7:37
|
show 1 more comment
2
2
2
i have define variable globally in java script and want to use it in google chart, but it giving undefined error.
var period;
$(document).ready(function () {
$('#period').on('change', function () {
window.period = this.value;
alert(period);
});
// period variable in google chart is showing undefined
google.charts.load('current', {
callback: function drawChart() {
var jsonData = $.ajax({
type: 'GET',
url: "{{ url('/datesalesbarchartdata') }}/" + period ,
dataType: "json",
global: false,
async: false,
success: function (jsondata) {
}
}).responseText;
javascript jquery charts google-visualization
asked Nov 16 '18 at 7:02
Rushiket MoreRushiket More
214
i have define variable globally in java script and want to use it in google chart, but it giving undefined error.
var period;
$(document).ready(function () {
$('#period').on('change', function () {
window.period = this.value;
alert(period);
});
// period variable in google chart is showing undefined
google.charts.load('current', {
callback: function drawChart() {
var jsonData = $.ajax({
type: 'GET',
url: "{{ url('/datesalesbarchartdata') }}/" + period ,
dataType: "json",
global: false,
async: false,
success: function (jsondata) {
}
}).responseText;
javascript jquery charts google-visualization
javascript jquery charts google-visualization
asked Nov 16 '18 at 7:02
Rushiket MoreRushiket More
214
asked Nov 16 '18 at 7:02
Rushiket MoreRushiket More
214
asked Nov 16 '18 at 7:02
Rushiket MoreRushiket More
214
asked Nov 16 '18 at 7:02
Rushiket MoreRushiket More
214
asked Nov 16 '18 at 7:02
Rushiket MoreRushiket More
214
214
3
Might the whole code be inside some other IIFE? Try assigning to justperiod, or refer towindow.periodinsidedrawChart(also, are you sure the chart starts being loaded after period is first defined?)
– CertainPerformance
Nov 16 '18 at 7:03
Remove the var from in front of 'period'
– Difster
Nov 16 '18 at 7:11
1
@Difster Noooo!
– Teemu
Nov 16 '18 at 7:12
Sure @Teemu - Check it out: jsfiddle.net/difster/ybku12q9/1
– Difster
Nov 16 '18 at 7:17
@CertainPerformance it works when i insertdrawChartinperiodbelow i will share working code.Thanks You all for your help.
– Rushiket More
Nov 16 '18 at 7:37
|
show 1 more comment
3
Might the whole code be inside some other IIFE? Try assigning to justperiod, or refer towindow.periodinsidedrawChart(also, are you sure the chart starts being loaded after period is first defined?)
– CertainPerformance
Nov 16 '18 at 7:03
Remove the var from in front of 'period'
– Difster
Nov 16 '18 at 7:11
1
@Difster Noooo!
– Teemu
Nov 16 '18 at 7:12
Sure @Teemu - Check it out: jsfiddle.net/difster/ybku12q9/1
– Difster
Nov 16 '18 at 7:17
@CertainPerformance it works when i insertdrawChartinperiodbelow i will share working code.Thanks You all for your help.
– Rushiket More
Nov 16 '18 at 7:37
3
3
Might the whole code be inside some other IIFE? Try assigning to just
period, or refer to window.period inside drawChart (also, are you sure the chart starts being loaded after period is first defined?)– CertainPerformance
Nov 16 '18 at 7:03
Might the whole code be inside some other IIFE? Try assigning to just
period, or refer to window.period inside drawChart (also, are you sure the chart starts being loaded after period is first defined?)– CertainPerformance
Nov 16 '18 at 7:03
Remove the var from in front of 'period'
– Difster
Nov 16 '18 at 7:11
Remove the var from in front of 'period'
– Difster
Nov 16 '18 at 7:11
1
1
@Difster Noooo!
– Teemu
Nov 16 '18 at 7:12
@Difster Noooo!
– Teemu
Nov 16 '18 at 7:12
Sure @Teemu - Check it out: jsfiddle.net/difster/ybku12q9/1
– Difster
Nov 16 '18 at 7:17
Sure @Teemu - Check it out: jsfiddle.net/difster/ybku12q9/1
– Difster
Nov 16 '18 at 7:17
@CertainPerformance it works when i insert
drawChart in period below i will share working code.Thanks You all for your help.– Rushiket More
Nov 16 '18 at 7:37
@CertainPerformance it works when i insert
drawChart in period below i will share working code.Thanks You all for your help.– Rushiket More
Nov 16 '18 at 7:37
|
show 1 more comment
1 Answer
1
active
oldest
votes
1
Working code
var period;
$('#period').on('change', function () {
window.period = this.value;
google.charts.load('current', {
callback: function drawChart() {
console.log(period);
var jsonData = $.ajax({
type: 'GET',
url: "{{ url('/datesalesbarchartdata') }}/" + period ,
dataType: "json",
global: false,
async: false,
success: function (jsondata) {
}
}).responseText;
});
answered Nov 16 '18 at 7:39
Rushiket MoreRushiket More
214
add a comment |
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53332948%2fhow-to-use-javascript-global-variable-in-google-chart%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
1
Working code
var period;
$('#period').on('change', function () {
window.period = this.value;
google.charts.load('current', {
callback: function drawChart() {
console.log(period);
var jsonData = $.ajax({
type: 'GET',
url: "{{ url('/datesalesbarchartdata') }}/" + period ,
dataType: "json",
global: false,
async: false,
success: function (jsondata) {
}
}).responseText;
});
answered Nov 16 '18 at 7:39
Rushiket MoreRushiket More
214
add a comment |
1
Working code
var period;
$('#period').on('change', function () {
window.period = this.value;
google.charts.load('current', {
callback: function drawChart() {
console.log(period);
var jsonData = $.ajax({
type: 'GET',
url: "{{ url('/datesalesbarchartdata') }}/" + period ,
dataType: "json",
global: false,
async: false,
success: function (jsondata) {
}
}).responseText;
});
answered Nov 16 '18 at 7:39
Rushiket MoreRushiket More
214
add a comment |
1
1
1
Working code
var period;
$('#period').on('change', function () {
window.period = this.value;
google.charts.load('current', {
callback: function drawChart() {
console.log(period);
var jsonData = $.ajax({
type: 'GET',
url: "{{ url('/datesalesbarchartdata') }}/" + period ,
dataType: "json",
global: false,
async: false,
success: function (jsondata) {
}
}).responseText;
});
answered Nov 16 '18 at 7:39
Rushiket MoreRushiket More
214
Working code
var period;
$('#period').on('change', function () {
window.period = this.value;
google.charts.load('current', {
callback: function drawChart() {
console.log(period);
var jsonData = $.ajax({
type: 'GET',
url: "{{ url('/datesalesbarchartdata') }}/" + period ,
dataType: "json",
global: false,
async: false,
success: function (jsondata) {
}
}).responseText;
});
answered Nov 16 '18 at 7:39
Rushiket MoreRushiket More
214
answered Nov 16 '18 at 7:39
Rushiket MoreRushiket More
214
answered Nov 16 '18 at 7:39
Rushiket MoreRushiket More
214
answered Nov 16 '18 at 7:39
Rushiket MoreRushiket More
214
214
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53332948%2fhow-to-use-javascript-global-variable-in-google-chart%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
3
Might the whole code be inside some other IIFE? Try assigning to just
period, or refer towindow.periodinsidedrawChart(also, are you sure the chart starts being loaded after period is first defined?)– CertainPerformance
Nov 16 '18 at 7:03
Remove the var from in front of 'period'
– Difster
Nov 16 '18 at 7:11
1
@Difster Noooo!
– Teemu
Nov 16 '18 at 7:12
Sure @Teemu - Check it out: jsfiddle.net/difster/ybku12q9/1
– Difster
Nov 16 '18 at 7:17
@CertainPerformance it works when i insert
drawChartinperiodbelow i will share working code.Thanks You all for your help.– Rushiket More
Nov 16 '18 at 7:37