Creating a grouped and stacked bar chart with nvd3 The Next CEO of Stack OverflowTwo sided bar chart with d3.jsNVD3 - how to create a simple timeline chartForceY Directive in NVD3/AngularJSHow to have a definite boundary on a d3.js horizontal bar chartd3 nested grouped bar chartAngular-nvd3/nvd3/d3 bar chart with multiple x axis groupsIs it possible, to highlight bars in Dimple.js bar chart, based on y-axis value?How to pull information from a CSV file for use in a stacked bar chartc3js Stacked Bar chart from json arrayHow to add “forceY” logic to django-nvd3 “Line Plus Bar Chart”?
What is "(CFMCC)" on an ILS approach chart?
What does convergence in distribution "in the Gromov–Hausdorff" sense mean?
How do we know the LHC results are robust?
What flight has the highest ratio of time difference to flight time?
Preparing Indesign booklet with .psd graphics for print
Why does standard notation not preserve intervals (visually)
Why am I allowed to create multiple unique pointers from a single object?
Should I tutor a student who I know has cheated on their homework?
Complex fractions
What was the first Unix version to run on a microcomputer?
How powerful is the invisibility granted by the Gloom Stalker ranger's Umbral Sight feature?
Would a completely good Muggle be able to use a wand?
How to invert MapIndexed on a ragged structure? How to construct a tree from rules?
How do scammers retract money, while you can’t?
Is it possible to search for a directory/file combination?
How to count occurrences of text in a file?
Unreliable Magic - Is it worth it?
Why don't programming languages automatically manage the synchronous/asynchronous problem?
Why do remote companies require working in the US?
Anatomically Correct Strange Women In Ponds Distributing Swords
How do I reset passwords on multiple websites easily?
Novel about a guy who is possessed by the divine essence and the world ends?
Can you replace a racial trait cantrip when leveling up?
Is it my responsibility to learn a new technology in my own time my employer wants to implement?
Creating a grouped and stacked bar chart with nvd3
The Next CEO of Stack OverflowTwo sided bar chart with d3.jsNVD3 - how to create a simple timeline chartForceY Directive in NVD3/AngularJSHow to have a definite boundary on a d3.js horizontal bar chartd3 nested grouped bar chartAngular-nvd3/nvd3/d3 bar chart with multiple x axis groupsIs it possible, to highlight bars in Dimple.js bar chart, based on y-axis value?How to pull information from a CSV file for use in a stacked bar chartc3js Stacked Bar chart from json arrayHow to add “forceY” logic to django-nvd3 “Line Plus Bar Chart”?
I am looking to create a chart with nvd3 that looks like the one below:
In this chart, it is essentially a nested x-axis where I have a price ranges, and I am tracking the prices from different stores (and the categories within each store) in those ranges. I know I can do a simple chart with just one store and then I wouldn't need the nested x-axis, but I need to be able to do the side-by-side comparison as well.
Looking through the examples and documentation, it appears that nvd3 does not support this advanced chart type. I have used nvd3 to create plenty of simple bar charts, but this is my first attempt at a more advanced chart. If nvd3 does not support this, is there a library outside of d3 itself that you can recommend. I have looked at dimple.js, but it does not look like that it is being actively supported as the last commit was in 2016.
d3.js nvd3.js
asked Mar 21 at 17:08
N. RobbertN. Robbert
105
add a comment |
I am looking to create a chart with nvd3 that looks like the one below:
In this chart, it is essentially a nested x-axis where I have a price ranges, and I am tracking the prices from different stores (and the categories within each store) in those ranges. I know I can do a simple chart with just one store and then I wouldn't need the nested x-axis, but I need to be able to do the side-by-side comparison as well.
Looking through the examples and documentation, it appears that nvd3 does not support this advanced chart type. I have used nvd3 to create plenty of simple bar charts, but this is my first attempt at a more advanced chart. If nvd3 does not support this, is there a library outside of d3 itself that you can recommend. I have looked at dimple.js, but it does not look like that it is being actively supported as the last commit was in 2016.
d3.js nvd3.js
asked Mar 21 at 17:08
N. RobbertN. Robbert
105
I haven't used Chart.js myself, but it looks like it should be able to do it. Example: chartjs.org/samples/latest/charts/bar/stacked-group.html - documentation: chartjs.org/docs/latest/charts/bar.html
– matthias.rocks
Mar 22 at 11:36
Thank you. That example is definitely what I am looking for. Hopefully, I can manipulate the labels and things a bit more, but this definitely warrants a deeper look. Thanks again.
– N. Robbert
Mar 23 at 4:45
add a comment |
I am looking to create a chart with nvd3 that looks like the one below:
In this chart, it is essentially a nested x-axis where I have a price ranges, and I am tracking the prices from different stores (and the categories within each store) in those ranges. I know I can do a simple chart with just one store and then I wouldn't need the nested x-axis, but I need to be able to do the side-by-side comparison as well.
Looking through the examples and documentation, it appears that nvd3 does not support this advanced chart type. I have used nvd3 to create plenty of simple bar charts, but this is my first attempt at a more advanced chart. If nvd3 does not support this, is there a library outside of d3 itself that you can recommend. I have looked at dimple.js, but it does not look like that it is being actively supported as the last commit was in 2016.
d3.js nvd3.js
asked Mar 21 at 17:08
N. RobbertN. Robbert
105
I am looking to create a chart with nvd3 that looks like the one below:
In this chart, it is essentially a nested x-axis where I have a price ranges, and I am tracking the prices from different stores (and the categories within each store) in those ranges. I know I can do a simple chart with just one store and then I wouldn't need the nested x-axis, but I need to be able to do the side-by-side comparison as well.
Looking through the examples and documentation, it appears that nvd3 does not support this advanced chart type. I have used nvd3 to create plenty of simple bar charts, but this is my first attempt at a more advanced chart. If nvd3 does not support this, is there a library outside of d3 itself that you can recommend. I have looked at dimple.js, but it does not look like that it is being actively supported as the last commit was in 2016.
d3.js nvd3.js
d3.js nvd3.js
asked Mar 21 at 17:08
N. RobbertN. Robbert
105
asked Mar 21 at 17:08
N. RobbertN. Robbert
105
asked Mar 21 at 17:08
N. RobbertN. Robbert
105
asked Mar 21 at 17:08
N. RobbertN. Robbert
105
asked Mar 21 at 17:08
N. RobbertN. Robbert
105
105
I haven't used Chart.js myself, but it looks like it should be able to do it. Example: chartjs.org/samples/latest/charts/bar/stacked-group.html - documentation: chartjs.org/docs/latest/charts/bar.html
– matthias.rocks
Mar 22 at 11:36
Thank you. That example is definitely what I am looking for. Hopefully, I can manipulate the labels and things a bit more, but this definitely warrants a deeper look. Thanks again.
– N. Robbert
Mar 23 at 4:45
add a comment |
I haven't used Chart.js myself, but it looks like it should be able to do it. Example: chartjs.org/samples/latest/charts/bar/stacked-group.html - documentation: chartjs.org/docs/latest/charts/bar.html
– matthias.rocks
Mar 22 at 11:36
Thank you. That example is definitely what I am looking for. Hopefully, I can manipulate the labels and things a bit more, but this definitely warrants a deeper look. Thanks again.
– N. Robbert
Mar 23 at 4:45
I haven't used Chart.js myself, but it looks like it should be able to do it. Example: chartjs.org/samples/latest/charts/bar/stacked-group.html - documentation: chartjs.org/docs/latest/charts/bar.html
– matthias.rocks
Mar 22 at 11:36
I haven't used Chart.js myself, but it looks like it should be able to do it. Example: chartjs.org/samples/latest/charts/bar/stacked-group.html - documentation: chartjs.org/docs/latest/charts/bar.html
– matthias.rocks
Mar 22 at 11:36
Thank you. That example is definitely what I am looking for. Hopefully, I can manipulate the labels and things a bit more, but this definitely warrants a deeper look. Thanks again.
– N. Robbert
Mar 23 at 4:45
Thank you. That example is definitely what I am looking for. Hopefully, I can manipulate the labels and things a bit more, but this definitely warrants a deeper look. Thanks again.
– N. Robbert
Mar 23 at 4:45
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%2f55285731%2fcreating-a-grouped-and-stacked-bar-chart-with-nvd3%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%2f55285731%2fcreating-a-grouped-and-stacked-bar-chart-with-nvd3%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
I haven't used Chart.js myself, but it looks like it should be able to do it. Example: chartjs.org/samples/latest/charts/bar/stacked-group.html - documentation: chartjs.org/docs/latest/charts/bar.html
– matthias.rocks
Mar 22 at 11:36
Thank you. That example is definitely what I am looking for. Hopefully, I can manipulate the labels and things a bit more, but this definitely warrants a deeper look. Thanks again.
– N. Robbert
Mar 23 at 4:45