I'm using nvd3.js and I'm trying to add multiple charts to one graph. I know you can do this in AmCharts, but I couldn't figure out if you could with nvd3.js. I did successfully graph 2 graphs in the same div, but they're both graphed on their own respective axes.
If you are asking if it's possible to add multiple data series to the same graph... the answer is yes, as it's shown in the examples page of NVD3...
Here an example of a lineChart with two lines:
http://nvd3.org/ghpages/line.html
If this is not what you are looking for, please add more info!
Related
I want to display the labels and datasets of pie & doughnut charts on their sides. I searched for many options on the internet including stackoverflow, but couldn't find a relative solution for my case. Maybe I missed something.
Now I have:
I need to display the chart data on its side like this: (For my pie and doughnut charts above)
First of all, I dont see any bar chart here. Second, what library are you using for making charts? If you couldn't find proper option to display label in that library, I can recommend you to use Amcharts, its more flexible. Let me know if you get your desired results
How to implement the dynamic dril down charts for three or four or n levels using highchart API as it
can be drilled down by two levels only.please see below sample code which I have been trying to implement:
It is possible to drilldown asynchronously as shown in Highcharts demo from API.
If each point will have drilldown enabled, and a new series will be able to be found and added as a drilldown series, then muliple levels should't be a problem.
Example: http://jsfiddle.net/jaydkfgv/
Drill into first points 3 times - 3 levels.
I am trying to make a dynamic graph something like as below:
Y-axis gives no. of users and x axis date range(For continuous graph )
x axis gives release of an algo on that date.(For discontinued graph)
I tried combined charts of highchart this and looked in google charts library.
Is there any way by how i can either directly generate a similar chart or merge two chart types in to one? Preferably using high charts or google graphs.
I guess we can merge two highcharts in to one but I am not very sure about it, also if we can Iam not sure how to do that.
Any help is appreciated.
Thanks
I am aware that you said "Preferably using high charts or google graphs", but I want to point out that this can be done very easily in C3.js using the "types" parameter to specify the graph type for each data item.
Demo: http://c3js.org/samples/chart_combination.html
I would suggest using plot bands to indicate release dates and types. You can dynamically add them using the addPlotBand() method (see http://api.highcharts.com/highcharts#Axis.addPlotBand). They would then overlay your "run of the mill" line chart showing number of users over time.
Assuming you have data that can distinguish between the release types, you could write code that adds a plot band of the desired color at the specific points on the x-axis.
I'd suggest making the plot bands have a from and to value thin enough (say, one interval or one date's worth) so it shows up as the thin stripes in your example.
You'd need to add a manual legend to show users what those colors mean, since plot bands wouldn't automatically show up in a Highcharts legend.
I hope this helps!
I couldn't find any jquery library that can plot 2 dimensional bar charts (if i name it true). I want to plot a graph like this;
As you can see there are 2 variable for each bar. Width and height. But i can only change height of the bar charts in every library i tried.
I want to give 2 interval for each variable and plot a rectangle.
Can you help me to find a library that can plot it or share some information about it?
Thank you.
I found the answer with luck. It is called Marimekko graphs and you can plot it with this javascript library.
http://www.mekkographics.com/free-trial/ or
http://www.fusioncharts.com/charts/marimekko_2/
It solves many problems to know its name. You can search for marimekko charts. Also there are lots of free codes in internet like;
http://bl.ocks.org/mbostock/1005090
https://gist.github.com/mbostock/1005090
d3.js how do I add text to Marimekko chart
http://www.jqplot.com/deploy/dist/examples/mekkoCharts.html
I want to do a chart with multiple candlestick series. Im getting the series drawn one on the top of other and i want them grouped next to each other.
Is it possible to achive this:
http://www.highcharts.com/demo/column-basic
with candleStick series?
If you have in mind some other aprroach that can help me, please feel free to share it.
Thx.
Unfortunately candlestick cannot be grouped as you achieved.