Modifying component variable on on click event highchartsHow do I detect a click outside an element?Event binding on dynamically created elements?What is the scope of variables in JavaScript?How do you check if a variable is an array in JavaScript?How do I modify the URL without reloading the page?How to determine if variable is 'undefined' or 'null'?Check if a variable is a string in JavaScriptIs there a standard function to check for null, undefined, or blank variables in JavaScript?Cannot update Highcharts series in click event with highcharts-ngClick event not fire in highcharts tooltip
How do we properly manage transitions within a descriptive section?
Was murdering a slave illegal in American slavery, and if so, what punishments were given for it?
How to counter "I don't like your tone" in a work conversation?
Existence of a model of ZFC in which the natural numbers are really the natural numbers
Parse a C++14 integer literal
What city and town structures are important in a low fantasy medieval world?
Why use nominative in Coniugatio periphrastica passiva?
Does the fact that we can only measure the two-way speed of light undermine the axiom of invariance?
Bash - Execute two commands and get exit status 1 if first fails
Good examples of "two is easy, three is hard" in computational sciences
Circuit construction for execution of conditional statements using least significant bit
What should I wear to go and sign an employment contract?
Is there a way to generate a mapping graph like this?
Do seaplanes need to get clearance for takeoff?
Warped chessboard
Vehemently against code formatting
Connecting circles clockwise in TikZ
Is being an extrovert a necessary condition to be a manager?
Filter a file list against an integer array?
How can sister protect herself from impulse purchases with a credit card?
How to prove the emptiness of intersection of two context free languages is undecidable?
Do most Taxis give Receipts in London?
Farthing / Riding
Why "strap-on" boosters, and how do other people say it?
Modifying component variable on on click event highcharts
How do I detect a click outside an element?Event binding on dynamically created elements?What is the scope of variables in JavaScript?How do you check if a variable is an array in JavaScript?How do I modify the URL without reloading the page?How to determine if variable is 'undefined' or 'null'?Check if a variable is a string in JavaScriptIs there a standard function to check for null, undefined, or blank variables in JavaScript?Cannot update Highcharts series in click event with highcharts-ngClick event not fire in highcharts tooltip
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I am modifying some variable of chart component which uses highcharts inside.
Basically work of my chart component is to make dynamic configuration for highchart. Suppose my chart has a variable vm.showSomething=false
and on onclick function i change its value to true
, but it doesn't reflect it in my chart component,it remains false
. Is there any way to achieve this i tried callback function but same result, i don't want to fire event and catch it in chart component.
vm.doSomething = doSomething;
function doSomething()
vm.something = true;
//this is config inside chart component which is sent to highchart
function initConfig()
config.plotOptions.series =
cursor: 'pointer',
point:
events:
click:function ()
vm.doSomething();//variable of chart component, i tried call back function also but result is same
;
}
here is fiddle link http://jsfiddle.net/Lzbxrht7/2/
found the solution used $scope.$apply();
javascript angularjs highcharts
add a comment |
I am modifying some variable of chart component which uses highcharts inside.
Basically work of my chart component is to make dynamic configuration for highchart. Suppose my chart has a variable vm.showSomething=false
and on onclick function i change its value to true
, but it doesn't reflect it in my chart component,it remains false
. Is there any way to achieve this i tried callback function but same result, i don't want to fire event and catch it in chart component.
vm.doSomething = doSomething;
function doSomething()
vm.something = true;
//this is config inside chart component which is sent to highchart
function initConfig()
config.plotOptions.series =
cursor: 'pointer',
point:
events:
click:function ()
vm.doSomething();//variable of chart component, i tried call back function also but result is same
;
}
here is fiddle link http://jsfiddle.net/Lzbxrht7/2/
found the solution used $scope.$apply();
javascript angularjs highcharts
hey georgeawg have edited my question little bit if it helps. Problem is this my chart component is really big, and it doesn't do anything other than preparing config for highchart. If it is still not clear i will create and example on jsfiddle.
– aakash singh
Mar 24 at 5:38
add a comment |
I am modifying some variable of chart component which uses highcharts inside.
Basically work of my chart component is to make dynamic configuration for highchart. Suppose my chart has a variable vm.showSomething=false
and on onclick function i change its value to true
, but it doesn't reflect it in my chart component,it remains false
. Is there any way to achieve this i tried callback function but same result, i don't want to fire event and catch it in chart component.
vm.doSomething = doSomething;
function doSomething()
vm.something = true;
//this is config inside chart component which is sent to highchart
function initConfig()
config.plotOptions.series =
cursor: 'pointer',
point:
events:
click:function ()
vm.doSomething();//variable of chart component, i tried call back function also but result is same
;
}
here is fiddle link http://jsfiddle.net/Lzbxrht7/2/
found the solution used $scope.$apply();
javascript angularjs highcharts
I am modifying some variable of chart component which uses highcharts inside.
Basically work of my chart component is to make dynamic configuration for highchart. Suppose my chart has a variable vm.showSomething=false
and on onclick function i change its value to true
, but it doesn't reflect it in my chart component,it remains false
. Is there any way to achieve this i tried callback function but same result, i don't want to fire event and catch it in chart component.
vm.doSomething = doSomething;
function doSomething()
vm.something = true;
//this is config inside chart component which is sent to highchart
function initConfig()
config.plotOptions.series =
cursor: 'pointer',
point:
events:
click:function ()
vm.doSomething();//variable of chart component, i tried call back function also but result is same
;
}
here is fiddle link http://jsfiddle.net/Lzbxrht7/2/
found the solution used $scope.$apply();
javascript angularjs highcharts
javascript angularjs highcharts
edited Mar 24 at 7:47
aakash singh
asked Mar 23 at 19:26
aakash singhaakash singh
114
114
hey georgeawg have edited my question little bit if it helps. Problem is this my chart component is really big, and it doesn't do anything other than preparing config for highchart. If it is still not clear i will create and example on jsfiddle.
– aakash singh
Mar 24 at 5:38
add a comment |
hey georgeawg have edited my question little bit if it helps. Problem is this my chart component is really big, and it doesn't do anything other than preparing config for highchart. If it is still not clear i will create and example on jsfiddle.
– aakash singh
Mar 24 at 5:38
hey georgeawg have edited my question little bit if it helps. Problem is this my chart component is really big, and it doesn't do anything other than preparing config for highchart. If it is still not clear i will create and example on jsfiddle.
– aakash singh
Mar 24 at 5:38
hey georgeawg have edited my question little bit if it helps. Problem is this my chart component is really big, and it doesn't do anything other than preparing config for highchart. If it is still not clear i will create and example on jsfiddle.
– aakash singh
Mar 24 at 5:38
add a comment |
0
active
oldest
votes
Your Answer
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
);
);
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%2f55317537%2fmodifying-component-variable-on-on-click-event-highcharts%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
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.
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%2f55317537%2fmodifying-component-variable-on-on-click-event-highcharts%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
hey georgeawg have edited my question little bit if it helps. Problem is this my chart component is really big, and it doesn't do anything other than preparing config for highchart. If it is still not clear i will create and example on jsfiddle.
– aakash singh
Mar 24 at 5:38