Is it possible to make multi-axis barcharts for AngularJS nvD3 - javascript

I am trying to build a bar chart using AngularJS nvd3 with multi axis each for grade and year of a student. sofar using ndv3 library i can make upto only single axis grouped bar charts as shown in fig 1
barchart with single x-axis display:
But I need to add another axis for grade on top of this. Is it possible with nvd3 built in library?
expected bar chart with grouped multi-line x-axis display

Related

Javascript D3.js Nested Axis Labels for Radar Chart

I would like to add nested axis Labels to my radar chart. All online resources just show a singular axis.
An example of the image I am trying to reproduce is shown in the below figure.
The axis is Management.sr_lvl_1, Management.sr_lvl_2, Management.sr_lvl_3... However, I want the word management to appear only once in the label which spans across all sr_lvl

How to build multiple charts with different y-axis in same graph (Amcharts)

I'm using Amcharts and I want to build something like this. But my x-axis is not in date format it is numeric (1,2,3,4..). Two questions
Can I use the above chart but with the numerical axis. I have tried but not able to make it work with the numerical axis.
Can I use other serial charts to create multiple y-axis charts with in the same chart where I have successfully replaced the date axis with the numeric axis
Also if there are any D3 alternatives available please mention.

Way to toggle x-axis label-grouping in Chart.js?

I'm trying to make a vertical bar chart (aka "column graph") using Chart.js with multiple datasets that does not group by the x-axis labels. I would like each column to have its own label and I would like datasets to be grouped only by color. Chart.js automatically takes the first data entry of each dataset and plots it on the first x-axis label, and so on. Rather than that, I want my chart to look like this:
If this is simply a terrible way of presenting data, I'm open to other suggestions... But I like the alphabetical sorting of the show titles and the color-coded grouping of networks.

How to implement xAxis drilldown upon clicking an item on the chart?

I'm currently working on High Charts
Currently, each chart has its own drilldown! However, what I want is to implement a multiple series drilldown. For instance, in the first container - it has 2 charts (1 line chart and a column chart) - and when I click a bar, it'll drilldown together with the line chart.
It's the same as when you click the xAxis, both the bar and line chart will drilldown. How can I do this?

stacked area chart in d3js

I want to create stacked area chart with d3js.
But the only example I am able to find on d3 site is this `http://bl.ocks.org/mbostock/3885211
I am not able to understand How I can plot date vs sales from this graph.
Sales on yaxis and date on xAxis.
If any body have some other example please point it to me
thanks

Categories

Resources