Mixing
How to add Highcharts view data table option to the exports dropdown?
I've a Highchart graph and I just want to be able to export the graph as a csv, pdf and show the table. I am not sure how to add the show data table option to this dropdown.
Here is the exporting configuration that I'm using:
{
exporting: {
buttons: {
contextButton: {
menuItems: ['downloadPDF', 'downloadCSV']
}
}
},
// ....more code here
}
I have pdf and the csv option but have no way to add the table option. Here is the link to the doc which lists the export button options.
Can anyone guide me how to just add the show data table option like in this fiddle.
javascript highcharts
asked Nov 20 '18 at 10:20
aksaks
2,23021844
add a comment |
I've a Highchart graph and I just want to be able to export the graph as a csv, pdf and show the table. I am not sure how to add the show data table option to this dropdown.
Here is the exporting configuration that I'm using:
{
exporting: {
buttons: {
contextButton: {
menuItems: ['downloadPDF', 'downloadCSV']
}
}
},
// ....more code here
}
I have pdf and the csv option but have no way to add the table option. Here is the link to the doc which lists the export button options.
Can anyone guide me how to just add the show data table option like in this fiddle.
javascript highcharts
asked Nov 20 '18 at 10:20
aksaks
2,23021844
add a comment |
I've a Highchart graph and I just want to be able to export the graph as a csv, pdf and show the table. I am not sure how to add the show data table option to this dropdown.
Here is the exporting configuration that I'm using:
{
exporting: {
buttons: {
contextButton: {
menuItems: ['downloadPDF', 'downloadCSV']
}
}
},
// ....more code here
}
I have pdf and the csv option but have no way to add the table option. Here is the link to the doc which lists the export button options.
Can anyone guide me how to just add the show data table option like in this fiddle.
javascript highcharts
asked Nov 20 '18 at 10:20
aksaks
2,23021844
I've a Highchart graph and I just want to be able to export the graph as a csv, pdf and show the table. I am not sure how to add the show data table option to this dropdown.
Here is the exporting configuration that I'm using:
{
exporting: {
buttons: {
contextButton: {
menuItems: ['downloadPDF', 'downloadCSV']
}
}
},
// ....more code here
}
I have pdf and the csv option but have no way to add the table option. Here is the link to the doc which lists the export button options.
Can anyone guide me how to just add the show data table option like in this fiddle.
javascript highcharts
javascript highcharts
asked Nov 20 '18 at 10:20
aksaks
2,23021844
asked Nov 20 '18 at 10:20
aksaks
2,23021844
edited Nov 20 '18 at 10:28
aks
asked Nov 20 '18 at 10:20
aksaks
2,23021844
asked Nov 20 '18 at 10:20
aksaks
2,23021844
asked Nov 20 '18 at 10:20
aksaks
2,23021844
2,23021844
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
Add 'viewData' to menuItems:
exporting: {
buttons: {
contextButton: {
menuItems: ['downloadPDF', 'downloadCSV', 'viewData']
}
}
}
Live demo: http://jsfiddle.net/BlackLabel/na3v216L/
answered Nov 20 '18 at 11:05
ppotaczekppotaczek
4,343129
add a comment |
You have to add
<script src="https://code.highcharts.com/modules/export-data.js"></script>
answered Nov 20 '18 at 10:22
thebjornthebjorn
12.7k44885
I've this script in place. If I remove the customexportingsection I get back theshow data tableoption. But in my case I just want to show 3 of them viz pdf, csv and table.
– aks
Nov 20 '18 at 10:23
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%2f53390840%2fhow-to-add-highcharts-view-data-table-option-to-the-exports-dropdown%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Add 'viewData' to menuItems:
exporting: {
buttons: {
contextButton: {
menuItems: ['downloadPDF', 'downloadCSV', 'viewData']
}
}
}
Live demo: http://jsfiddle.net/BlackLabel/na3v216L/
answered Nov 20 '18 at 11:05
ppotaczekppotaczek
4,343129
add a comment |
Add 'viewData' to menuItems:
exporting: {
buttons: {
contextButton: {
menuItems: ['downloadPDF', 'downloadCSV', 'viewData']
}
}
}
Live demo: http://jsfiddle.net/BlackLabel/na3v216L/
answered Nov 20 '18 at 11:05
ppotaczekppotaczek
4,343129
add a comment |
Add 'viewData' to menuItems:
exporting: {
buttons: {
contextButton: {
menuItems: ['downloadPDF', 'downloadCSV', 'viewData']
}
}
}
Live demo: http://jsfiddle.net/BlackLabel/na3v216L/
answered Nov 20 '18 at 11:05
ppotaczekppotaczek
4,343129
Add 'viewData' to menuItems:
exporting: {
buttons: {
contextButton: {
menuItems: ['downloadPDF', 'downloadCSV', 'viewData']
}
}
}
Live demo: http://jsfiddle.net/BlackLabel/na3v216L/
answered Nov 20 '18 at 11:05
ppotaczekppotaczek
4,343129
answered Nov 20 '18 at 11:05
ppotaczekppotaczek
4,343129
answered Nov 20 '18 at 11:05
ppotaczekppotaczek
4,343129
answered Nov 20 '18 at 11:05
ppotaczekppotaczek
4,343129
4,343129
add a comment |
add a comment |
You have to add
<script src="https://code.highcharts.com/modules/export-data.js"></script>
answered Nov 20 '18 at 10:22
thebjornthebjorn
12.7k44885
I've this script in place. If I remove the customexportingsection I get back theshow data tableoption. But in my case I just want to show 3 of them viz pdf, csv and table.
– aks
Nov 20 '18 at 10:23
add a comment |
You have to add
<script src="https://code.highcharts.com/modules/export-data.js"></script>
answered Nov 20 '18 at 10:22
thebjornthebjorn
12.7k44885
I've this script in place. If I remove the customexportingsection I get back theshow data tableoption. But in my case I just want to show 3 of them viz pdf, csv and table.
– aks
Nov 20 '18 at 10:23
add a comment |
You have to add
<script src="https://code.highcharts.com/modules/export-data.js"></script>
answered Nov 20 '18 at 10:22
thebjornthebjorn
12.7k44885
You have to add
<script src="https://code.highcharts.com/modules/export-data.js"></script>
answered Nov 20 '18 at 10:22
thebjornthebjorn
12.7k44885
answered Nov 20 '18 at 10:22
thebjornthebjorn
12.7k44885
answered Nov 20 '18 at 10:22
thebjornthebjorn
12.7k44885
answered Nov 20 '18 at 10:22
thebjornthebjorn
12.7k44885
12.7k44885
I've this script in place. If I remove the customexportingsection I get back theshow data tableoption. But in my case I just want to show 3 of them viz pdf, csv and table.
– aks
Nov 20 '18 at 10:23
add a comment |
I've this script in place. If I remove the customexportingsection I get back theshow data tableoption. But in my case I just want to show 3 of them viz pdf, csv and table.
– aks
Nov 20 '18 at 10:23
I've this script in place. If I remove the custom
exporting section I get back the show data table option. But in my case I just want to show 3 of them viz pdf, csv and table.– aks
Nov 20 '18 at 10:23
I've this script in place. If I remove the custom
exporting section I get back the show data table option. But in my case I just want to show 3 of them viz pdf, csv and table.– aks
Nov 20 '18 at 10:23
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%2f53390840%2fhow-to-add-highcharts-view-data-table-option-to-the-exports-dropdown%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
