NVD3 and D3.js - MultiBarChart (stacked and grouped) with line chart - javascript

i'm currently working with d3.js and with the nvd3 library, i need a chart that has multiple bars that can be stacked and grouped like this example http://nvd3.org/ghpages/multiBar.html plus a line chart like the following example http://nvd3.org/ghpages/linePlusBar.html
So what I need exactly is a MultiBarChart with a line chart , can anyone show me an example somewhere. Thanks

Related

Horizontal line chart using categories in y-axis

I planning to develop a horizontal line chart using Amchat library. and I need to arrange my categories in y axis. I have tried many ways but couldn't find a solution. Is there a way That I can set category in amchart y-axis. I have attached a image of a sample design.
Sample Design : https://i.stack.imgur.com/iEShm.png

Draw vertical lines in chart

Is there any way to draw vertical lines in chart. (i.e.)
Under each dot there is a vertical line which is projected to x axis.
Could you advise how to customize it with Google Chart , of course if it is possible?
Are there any other libraries with such kind of line chart ?
p.s. In project I use Angular 1.5. Also I took a look on nvd3 but didn't find what I want
see config options...
use option for vAxis.gridlines to customize vertical lines...

Custom JS chart similat to a vertical progress bar

I am searching for a JS chart like in the image. I got it from an excel file. The percentage is incorect, it should be from 0 to 100%. Does anyone know a library which provides this kind of chart ?
Seems like you're looking for a bullet chart. Most of the major charting libraries provide bullet charts as a standard chart type. You could also implement it as a column (vertical bar) chart with some additional styling.
Here is a ZingChart demo of a vertical bullet chart with an area marker and here is a similar demo implemented as a mixed chart - a column chart and a scatter plot marker for the "goal" line. Both replicate your image.
I'm on the ZingChart team, so don't hesitate to reach out if you have any questions!

Plotting 3 d pie chart using jqplot

In my application i have to plot the 3 D pie chart for showing the market research data. I have previously worked on the jqplot for bar and line graph. so i planned to use the same one for this. i have tried to find the 3 D pie in the jqplot but unable to do it. Can we have the 3 D pie chart in jqplot. Any other free java script plotting framework available for doing this.
It seems as though JQPlot does support pie charts, see here: Pie & Donut charts
There are other alternatives (like amCharts - 3D pie chart), but I'd stick with the free stuff personally. You could dress up those JQPlot pie charts nicely with just the right use of colours ;).

How to fix the label alignment on pie chart in D3.js?

Here is plunker - http://plnkr.co/edit/VYH5QbO99ZbMkvc2D4Fe?p=preview
As I add more and more categories, these labels overlap and I can't see anything
Is there a better way to align labels?
Thanks
I rather moved to using NVD3 and created pie charts
The demo and code is availale http://plnkr.co/edit/qJnZzBS4ZOUtD2q9FV11?p=preview

Categories