Stack Overflow
Stack Overflow

Questions tagged [stacked-area-chart]

A stacked area chart is a type of chart (or graph) that is used to display graphically quantitive data.

A stacked area chart or stacked area graph displays graphically quantitive data. It is based on the line chart. The area between axis and line are commonly emphasized with colors, textures and hatchings.

Stacked area charts are used to represent cumulated totals using numbers or percentages over time.

209 questions
0
votes
0 answers

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…
Saurabh Sinha
  • 1,772
  • 4
  • 27
  • 54
0
votes
1 answer

How to dynamically change the colors of filling in JavaFx 8 area chart depending on whether negative or positive values

I need a area chart that can stylize the chart fill in a different color (red, e.g.) when this be negative. How to do it in JavaFX? https://i.stack.imgur.com/SSl5a.png https://i.stack.imgur.com/nzag3.png
Samuel
  • 33
  • 4
0
votes
0 answers

d3 transition of Stacked area Chart

I have a problem in animating the height of area graph., I need the height to be increased/decreased according to the data provided. As of now its only changing the colors. I have added .transition().duration(3000) while plotting, but it effects…
Deepak Bandi
  • 1,854
  • 4
  • 21
  • 37
0
votes
1 answer

How can I make the size of stacked-area-chart in nvd3-angularjs-directives adjustable depending on the size of the div?

I have a chart created using nvd3-angularjs-directives. I want the size of this graph adjust depending on the size of its div. My problem initially is that the value of y reach this value 2000000000 and the label is cut off somewhere in between. I…
user3714598
  • 1,733
  • 5
  • 28
  • 45
0
votes
1 answer

How to get the N latest data and display that in the angularjs nvd3 stacked area chart

I'm using angularjs-nvd3-directives to create stacked area chart. Now my problem is I'm polling hundreds of data from server and I need to display on the the N latest data. How will I do that? Here's the HTML file
user3714598
  • 1,733
  • 5
  • 28
  • 45
0
votes
1 answer

How to update the data in a stacked area chart?

I've created a stacked area chart in d3.js and would like to update the chart with data from a CSV when one of the scenario buttons is clicked. Here's a link to the bl.ocks.org gist I've created: …
saraquigley
  • 11
  • 3
0
votes
1 answer

How to dynamically update linear gradient to area in HighCharts?

I'm trying to apply gradient in area chart.The chart is rerenderring after the update.but in this scenario,gradient is not updating.I appreciate any help.I'm ready to provide details further.Thank you in advance. Here's my try, $(function () { …
Arun
  • 131
  • 1
  • 4
  • 15
0
votes
1 answer

Displaying Labels on Stacked Bar

I would like to display labels on each stacked bar like blue on blue bar, yellow on yellow bar and so on. Here's my code in JSFiddle: [1]:http://jsfiddle.net/Sa_2019/n7r57pv7/ Here is my Code :
Zina Dweeikat
  • 93
  • 2
  • 13
0
votes
0 answers

Issue with highcharts stacked area chart

The stacked area chart in the figure has 10 series of data. But the data is all nulls for the last four series. The color in the chart for series 6 is rendered incorrectly. After zooming the graph looks acceptable. The graph with out zooming is…
xenres
  • 59
  • 3
  • 10
0
votes
1 answer

Highcharts stacking misfunctioning

I'm having trouble that i think relates to the "stacking" property of highcharts' area chart. The thing is my values only go up to 120 max, but the Y column legend marks higher. Since i'm not being able to explain myself quite correctly i'll post…
onzinsky
  • 541
  • 1
  • 6
  • 21
0
votes
1 answer

How to change the scale on the stackedAreaChart of NVD3

I want to know how I can change the scale of y axis of the stackedAreaChart. Imagine I have an array, I want to adjust the y axis to the max of the array and I want to draw all values in the new scale. var odata = [10,40]; …
alifirat
  • 2,899
  • 1
  • 17
  • 33
0
votes
1 answer

Capture XAxis value NVD3 Stacked Area Chart

I'm having trouble with capturing some data on the StackedAreaChart in NVD3. I'm able to successfully intercept the click event using this answer: NVD3 Stacked Area Chart However, I need to go one step deeper. Now that I've intercepted the event,…
Micah Adams
  • 9
  • 1
  • 4
0
votes
1 answer

Changing the data group in a dc.js line chart and redrawing it

I have a created an intial dc.js stacked area line chart from time series data coming in from a local database. All of the calculations are handled by the database server, data is grabbed in time intervals (several minutes to several hours). The…
neetbed
  • 33
  • 6
0
votes
1 answer

Flot chart stackpercent tooltip with line chart %p not working

So I'm using flot charts and the stackpercent plugin which says to provide support for the flot tooltip plugin. Now I am using the plugin with a line chart instead of a bar chart. This seems to still work with the plugin, but for some reason the…
user3129120
  • 113
  • 11
0
votes
1 answer

Trying to make a stacked area chart

I'm trying to make a stack area chart with 4 categories, all adding up to 100. It looks like I've mapped my data so that there are x, y, y0 values in the newDataset array however the shaded areas are being drawn but they are completely off the…
NewToJS
  • 2,011
  • 4
  • 35
  • 62
1 2 3
…
13
14