Update the dataset of multiple AmCharts with a Single Dropdown Change Event
I currently have 2 AMCharts on the same page and a single dropdown with values 2015,2016,2017,2018 in it.
I have followed this example to dynamically update the data in the bar chart
http://www.amcharts.com/tips/dynamically-loading-chart-datasets/
I also have a Pie Chart and would like to update the data with the same drop down but I am not sure how to connect it so that it also updates at the same time.
Any suggestions ?
javascript jquery amcharts
asked Jan 15 '16 at 10:27
Nimo1981Nimo1981
1616
add a comment |
I currently have 2 AMCharts on the same page and a single dropdown with values 2015,2016,2017,2018 in it.
I have followed this example to dynamically update the data in the bar chart
http://www.amcharts.com/tips/dynamically-loading-chart-datasets/
I also have a Pie Chart and would like to update the data with the same drop down but I am not sure how to connect it so that it also updates at the same time.
Any suggestions ?
javascript jquery amcharts
asked Jan 15 '16 at 10:27
Nimo1981Nimo1981
1616
add a comment |
I currently have 2 AMCharts on the same page and a single dropdown with values 2015,2016,2017,2018 in it.
I have followed this example to dynamically update the data in the bar chart
http://www.amcharts.com/tips/dynamically-loading-chart-datasets/
I also have a Pie Chart and would like to update the data with the same drop down but I am not sure how to connect it so that it also updates at the same time.
Any suggestions ?
javascript jquery amcharts
asked Jan 15 '16 at 10:27
Nimo1981Nimo1981
1616
I currently have 2 AMCharts on the same page and a single dropdown with values 2015,2016,2017,2018 in it.
I have followed this example to dynamically update the data in the bar chart
http://www.amcharts.com/tips/dynamically-loading-chart-datasets/
I also have a Pie Chart and would like to update the data with the same drop down but I am not sure how to connect it so that it also updates at the same time.
Any suggestions ?
javascript jquery amcharts
javascript jquery amcharts
asked Jan 15 '16 at 10:27
Nimo1981Nimo1981
1616
asked Jan 15 '16 at 10:27
Nimo1981Nimo1981
1616
asked Jan 15 '16 at 10:27
Nimo1981Nimo1981
1616
asked Jan 15 '16 at 10:27
Nimo1981Nimo1981
1616
asked Jan 15 '16 at 10:27
Nimo1981Nimo1981
1616
1616
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Just expand the function that changes the dataset of the charts with your pie chart reference.
function setDataSet( dataset_url ) {
// chart2 should be the reference to your pie chart
chart.dataProvider = chart2.dataProvider = AmCharts.loadJSON( dataset_url );
chart.validateData();
chart2.validateData();
}
EDIT:
Here is a working demo.
answered Jan 15 '16 at 13:04
gerricgerric
1,945925
I'm not sure how to incorporate this into my charting functions. It is now only rendering one of the charts.The drop down is firing and updating the chart, but not chart1
– Nimo1981
Jan 15 '16 at 13:59
Thank you so much, thats exactly what i'm looking for !
– Nimo1981
Jan 15 '16 at 16:55
@Nimo1981 Glad I could help. I would appreciate if you could accept the answer then.
– gerric
Jan 15 '16 at 19:13
add a comment |
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%2f34808991%2fupdate-the-dataset-of-multiple-amcharts-with-a-single-dropdown-change-event%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
Just expand the function that changes the dataset of the charts with your pie chart reference.
function setDataSet( dataset_url ) {
// chart2 should be the reference to your pie chart
chart.dataProvider = chart2.dataProvider = AmCharts.loadJSON( dataset_url );
chart.validateData();
chart2.validateData();
}
EDIT:
Here is a working demo.
answered Jan 15 '16 at 13:04
gerricgerric
1,945925
I'm not sure how to incorporate this into my charting functions. It is now only rendering one of the charts.The drop down is firing and updating the chart, but not chart1
– Nimo1981
Jan 15 '16 at 13:59
Thank you so much, thats exactly what i'm looking for !
– Nimo1981
Jan 15 '16 at 16:55
@Nimo1981 Glad I could help. I would appreciate if you could accept the answer then.
– gerric
Jan 15 '16 at 19:13
add a comment |
Just expand the function that changes the dataset of the charts with your pie chart reference.
function setDataSet( dataset_url ) {
// chart2 should be the reference to your pie chart
chart.dataProvider = chart2.dataProvider = AmCharts.loadJSON( dataset_url );
chart.validateData();
chart2.validateData();
}
EDIT:
Here is a working demo.
answered Jan 15 '16 at 13:04
gerricgerric
1,945925
I'm not sure how to incorporate this into my charting functions. It is now only rendering one of the charts.The drop down is firing and updating the chart, but not chart1
– Nimo1981
Jan 15 '16 at 13:59
Thank you so much, thats exactly what i'm looking for !
– Nimo1981
Jan 15 '16 at 16:55
@Nimo1981 Glad I could help. I would appreciate if you could accept the answer then.
– gerric
Jan 15 '16 at 19:13
add a comment |
Just expand the function that changes the dataset of the charts with your pie chart reference.
function setDataSet( dataset_url ) {
// chart2 should be the reference to your pie chart
chart.dataProvider = chart2.dataProvider = AmCharts.loadJSON( dataset_url );
chart.validateData();
chart2.validateData();
}
EDIT:
Here is a working demo.
answered Jan 15 '16 at 13:04
gerricgerric
1,945925
Just expand the function that changes the dataset of the charts with your pie chart reference.
function setDataSet( dataset_url ) {
// chart2 should be the reference to your pie chart
chart.dataProvider = chart2.dataProvider = AmCharts.loadJSON( dataset_url );
chart.validateData();
chart2.validateData();
}
EDIT:
Here is a working demo.
answered Jan 15 '16 at 13:04
gerricgerric
1,945925
edited Jan 15 '16 at 14:45
answered Jan 15 '16 at 13:04
gerricgerric
1,945925
answered Jan 15 '16 at 13:04
gerricgerric
1,945925
answered Jan 15 '16 at 13:04
gerricgerric
1,945925
1,945925
I'm not sure how to incorporate this into my charting functions. It is now only rendering one of the charts.The drop down is firing and updating the chart, but not chart1
– Nimo1981
Jan 15 '16 at 13:59
Thank you so much, thats exactly what i'm looking for !
– Nimo1981
Jan 15 '16 at 16:55
@Nimo1981 Glad I could help. I would appreciate if you could accept the answer then.
– gerric
Jan 15 '16 at 19:13
add a comment |
I'm not sure how to incorporate this into my charting functions. It is now only rendering one of the charts.The drop down is firing and updating the chart, but not chart1
– Nimo1981
Jan 15 '16 at 13:59
Thank you so much, thats exactly what i'm looking for !
– Nimo1981
Jan 15 '16 at 16:55
@Nimo1981 Glad I could help. I would appreciate if you could accept the answer then.
– gerric
Jan 15 '16 at 19:13
I'm not sure how to incorporate this into my charting functions. It is now only rendering one of the charts.The drop down is firing and updating the chart, but not chart1
– Nimo1981
Jan 15 '16 at 13:59
I'm not sure how to incorporate this into my charting functions. It is now only rendering one of the charts.The drop down is firing and updating the chart, but not chart1
– Nimo1981
Jan 15 '16 at 13:59
Thank you so much, thats exactly what i'm looking for !
– Nimo1981
Jan 15 '16 at 16:55
Thank you so much, thats exactly what i'm looking for !
– Nimo1981
Jan 15 '16 at 16:55
@Nimo1981 Glad I could help. I would appreciate if you could accept the answer then.
– gerric
Jan 15 '16 at 19:13
@Nimo1981 Glad I could help. I would appreciate if you could accept the answer then.
– gerric
Jan 15 '16 at 19:13
add a comment |
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%2f34808991%2fupdate-the-dataset-of-multiple-amcharts-with-a-single-dropdown-change-event%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
