I'm using c3.js to create a chart with grouped bars, where line connects each set of bars.
I have used a combination of grouped bar charts and line graphs.
The expected graph to be:
But I'm getting the graph of form:
Is there any way to get the expected results.
Thank you for your attention!
Related
I created a Bar Chart and Line Graph in HTML, and I Need help on D3.js for making an onclick function to click on every Bar Chart rectangles so that the line graph below changes diffrent types color.
I need to have 10 different colors to show on the line graph, because the Bar Chart shows 10 movies.
This is the link of my bar chart and line graph pictures for the output below of using D3.js: enter image description here
enter image description here
js and I want to convert this vertical grouped bar chart into horizontal grouped bar chart, Any help would be appreciated.
Find the code in below link
plnkr.co/edit/jfp9tndSoqM5rx7Z?preview
Following is the desired output
Desired Output
It would be very much helpful if any help is provided. Thanks in advance.
I need to combine a trend chart onto one column of a matrix and a stacked bar chart into another column – similar to this. I have a label that runs over the top, which is why I don’t want to do two separate matrixes side by side.
Right now I have two different datasets for each.
If it was a roll up bar chart – I could just join the data sets and use aggregations for the bar chart – but with the stacked bar chart the issue of nominal values is tripping me up.
Sorta figured it out.
The key was to make the stacked bar chart a subreport. Then in the SQL for the dataset, add a WHERE Label = [Label passed in from Matrix row]
Im starting NVd3 development and strugling with a big problem. I already finished my horizontal bar chart.
The problem is that the client asked me to regroup labels into groups, something like this: http://peltiertech.com/WordPress/wp-content/img200804/DualCatBar.png
In that example you can see categories of parts. How can that be archieved suing NVD3 or D3?
Thank you for your help.
I have a bar chart (http://tributary.io/inlet/4720197) that plots a dataset with a large number of points that I can't get to fill the entire width of the svg. I had the same issue with a line chart and was able to resolve by using rangePoints.
I've been attempting something similar with this chart but can't quite get the right combination (it's using two scales for the grouping) and am unclear how to get the side-by-side bars that I previously accomplished with rangeBand() given that function does not exist with rangePoints. What am I missing?