For the nvd3 library, I can find bar and line combo but not a Stacked bar and line combo. Actually i can't find any example done with other JavaScript library except for Google Visualization which I also try to avoid.
Any advise, sample code would be appreciated
Thank you
For all those searching for the nvd3 answer to this question in the future, I was able to do this using the code laid out in this discussion.
https://github.com/novus/nvd3/issues/341
Your best bet would be to turn to D3.js. NVD3 is a framework/wrapper for D3. D3 is super powerful. Just about anything you can imagine you can accomplish. I found that it sometimes comes with a bit of a steep learning curve - especially for things that are a bit out of the ordinary.
You can see from examples on their site that they have a lot of options. You will probably even be able to find the exact chart you're looking for. But going this route will require a bit more learning than what NVD3 requires.
Related
I am relatively new at data visualization. I have a line chart, however I know only few points on chart, and these points are linked with Cubic interpolation. I have built a similar chart like that: https://www.chartjs.org/samples/latest/charts/line/interpolation-modes.html. My question is that, is it solvable to find the line's values, for example when x is 4.5? I haven't really found any information about my issue, so I thought maybe somebody dealt with similar task.
I am open for any other solutions and for any other Javascipt libraries.
Thank you very much!
This is pretty straight forward. I've been struggling to get Highcharts to display some charts in a readable manner for a while now and no one seems to be able to give me a good solution. This is a great example of what's happening:
We have a tool where we dynamically can add and remove data from a chart. This chart is clearly a very large dataset. I'm not sure what properties I need to manipulate in Highcharts to prevent this sort of chart from being generated. If anyone can shed some light, I'd be forever in your debt.
I am new to d3 charts, Have worked on highcharts before, But for me, this looks like big guy. feeling difficult to understand. So I want to know, if there is d3 chart repositories on web (just like jquery plugin repository), So that I can download the matching chart and can do some minor changes, and that should work. Since I have only 2 months time to finish the project having full d3 charts. So I have planned like this.
Please guys, need to support and suggestions.
Thanks in advance.
NVD3 is a decent library for a variety of basic, ready-to-go charts:
http://nvd3.org/
If you need more specific, in depth examples, check out Mike Bostock's Blocks page:
http://bl.ocks.org/mbostock
I am new to D3 and am hoping to show a range of prices (lowest price, median price, highest price) for different services using a graph similar to what Glassdoor uses (see this example: http://bit.ly/1koKeLL).
It's a horizontal bar chart that has a variable margin on the right and left so that it graphically shows the low, median, and high data points. Does anyone know the best way to implement this, especially for someone just learning D3?
I think this guy implemented very well a chart that is more complex than your chart:
Bullet Chart in D3
However, if you want to get to know D3, and to use it in an intelligent and productive way, my strong advice is:
Don't take shortcuts.
This means that before you start implementing anything, you go through at least one good tutorial, and take at least brief look at D3 documentation.
A good tutorial is here. Go through ALL 20 lessons. Implement ALL examples on your local machine. You can do it in several days. And only then you come back to your example.
Don't be seduced by stories that you can find on the net like "I started with D3 yesterday, and now I create craziest visualizations". They are either lies or profound ignorance.
I'm looking for an library, to generate charts on client side.
I found a lot, by searching on web and stackoverflow, like here
https://stackoverflow.com/questions/2227421/good-javascript-library-for-drawing-charts-using-json
or this very good collection:
http://sixrevisions.com/javascript/20-fresh-javascript-data-visualization-libraries/
There are so much alternatives, I'm a bit overwhelmed. Which one can use JSON data, which one is up to date, which one is easy to use (because I'm absolutely new on this topic), which one is robust, works on mobile phone (or not), which project is still alive, etc.
I need different chards, an line chart is mandatory. Also zoom in and zoom out is mandatory.
So I took a closer look on jqplot an flot.
Both providing zoom, but it looks like zooming is more an scaling. Which means: the granularity will not change by zoom in.
Because the graph will have a lot of data/points, i need to consolidate informations before sending them to the client. By zooming in, I need to rise the granularity, so the chart should be able to process new data for the zoomed area. (I hope I've made myself clear.)
Thanks for any kind of attention.
Raphael.js http://raphaeljs.com/
HTML5 Graph http://chrisvalleskey.com/html5-graph/
Google Visualization API: http://code.google.com/apis/chart/interactive/docs/gallery.html
Flot: http://code.google.com/p/flot/
Unfortunately there is no helpful answer, so I like to write down, what i learned the last days for this question.
jqPlot and frot are supporting zooming at an basic level. That means, it's more an scaling.
By looking at the google groups for qjPlot and flot, the support for jqPlot is better (lot's of unanswered questions at the flot group).
jqPlot has an better axis-label-handling by zooming.
jqPlot also provides hooks. By using those hooks, it's seems to be possible to combine zooming and loading new JSON data in order to get an better granularity of the zoomed view.