stacked area chart in d3js - javascript

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

Related

How to get "double donut" chart in google sheet with script

Libre Office has a very applicable type of charts "Donut" with double ring.
I want to get some similar chart in my google sheet
Any ideas how to get it better?
Google Sheets has 3 pie types:
Pie chart
Doughnut chart
3D Pie chart
Go to menu: Insert > Chart > Chart type > Doughnut chart
As you can see there are no double pies currently.
But there is a workaround to get double pie chart.
Workaround
Select your data
Insert a Doughnut chart (Insert > Chart > Chart type > Doughnut chart)
Go to Customise tab in Chart editor
In Chart style > Background colour > select none
Tick on 3D
In Pie chart > select Doughnut hole 75%
Do the same for the inner pie but Doughnut hole with 25%
As you can see, it is doable.
You can adapt it with apps script by using Charts Service, in special Class PieChartBuilder
I strongly recommend you to take a look on :
Fundamentals of Apps Script with Google Sheets #5: Chart and Present Data in Slides
Good luck

How to add text inside scatter plot using Chart.js?

How to render text inside the scatter chart with Chart.Js. The scatter chart (i'm using) has the Zoom/pan plugin, so, i want the text to be anchored to the x/y coordinates of the plot when I'm panning the chart.
Thanks in advance!
Have a look at datalabels plugin. Although you are saying that you have a scatter chart and datalabels does not seem to support this.
Still you could check what you can do with bubble chart, here is a live example.

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

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

Highcharts design advice - dual-x-axis stacked column chart

I have a fairly complicated chart I'm trying to design in Highcharts. It is dual-x-axis stacked column chart. Curious if anyone has had luck with these sorts of charts in Highcharts.
It has dual X-axes and a single y-axis, and has stacked columns too.

Jquery Flot Pie Chart Legend Formatting

I am currenly working ith jquery.flot pie charts and i can't find solution to this problem.
I currently have this kind of display for pie chart and it's legend:
What i would like to achieve is to somehow connect the labels with the part of the pie chart that it is linked to. It should look similar to this:
http://demos.telerik.com/aspnet-ajax/htmlchart/examples/charttypes/piechart/defaultcs.aspx
Any help is appreciated!

Categories

Resources