Questions tagged [area-chart]

35 questions
3
votes
2 answers

plotly don't show zeros in area plot

For context: I'd like to make a plot in plotly showing the evolution of an investment portfolio where the value of each asset is plotted on top of each other. Since assets are bought and sold, not every asset should be shown for the entire range of…
debsim
  • 582
  • 4
  • 19
2
votes
1 answer

React Google Charts Custom Tooltip (AreaChart) only showing on one area

I am using react-google-charts to construct an AreaChart and am adding a custom tooltip to two different areas in my chart. My data array is of the format: ['X', 'NegativeY', 'PositiveY', { role: "tooltip", type: "string", p: {html: true}}] with my…
2
votes
0 answers

Can I combine an area graph and bar graph in the same plot?

I want to build a graph with two different information: I want to show in an area graph some information (as background: I, II, and III Quartil) and different information as a bar chart (2013_Cases). My data looks like this: County …
2
votes
1 answer

Append a line to an end of a path in area chart d3

I'm trying to append a line to an end of an area chart path. The most difficult part my area is animated. I have a clipPath which width being transformed from width: 0 to width: 960 and the line at the end goes along with it so shoud be…
1
vote
1 answer

Highcharts Issues filling the overlapping parts in Area charts for non-monotonic data

Highcharts.chart('container', { chart: { type: 'area' }, plotOptions: { series: { connectNulls: false, // stacking: 'normal' } }, series: [{ fillOpacity: 0.75, data: [ { x: 0, y: 29.9 }, {…
ivankokan
  • 123
  • 5
1
vote
2 answers

ggplot2 - fill area between line and 0

I'm trying to fill the area between a line and 0 but this doesn't work as the fill area "overflows" the line: library(ggplot2) # Create some dummy data x <- c(1, 2, 3, 4, 5) y <- c(1, -2, 3, -4, 5) # Create a data frame with the x and y values df…
user1482923
  • 211
  • 3
  • 11
1
vote
2 answers

Pass Django variables to javascripts

I am stuck into a problem, I want to pass django variable to javascripts but I can't. views.py def dashboard_view(request): months_before = 5 now = datetime.utcnow() from_datetime = now - relativedelta(months=months_before) …
Rana Talha
  • 111
  • 8
1
vote
0 answers

How can I activate a specific datapoint in an ReCharts Area Chart?

I have an AreaChart (actually a ComposedChart with an Area and a Line) and I would like to display a tooltip over one of the data points after the chart renders. Works great if I mouseover the chart, but I want it to display on render. For a…
Chris
  • 11
  • 1
1
vote
1 answer

Line - area chart not showing

I am working with line-area chart using d3. But somehow the chart is not showing and there's no error in the console. I'm unable to figure out the issue. It will be helpful if anyone can help me with that. I've added the entire code in Codepen. This…
Lahari
  • 57
  • 8
1
vote
1 answer

D3js unable to show gradient area chart

I have a project where I need to recreate a gradient chart. I have found some documentation online on how to recreate a area chart with gradient: Documentation. The main problem is that I cannot get this code to work. I have changed it to work with…
Stephen
  • 913
  • 3
  • 24
  • 50
1
vote
2 answers

Is it possibe to color specific regions under the line graph in ggplot2 based on a binary variable?

I am working on a line graph, which should show a trend in the likelihood of certain issues over time. My goal is to highlight two areas under the line - (2008-2010) and (2015-2017) - without highlighting the area above the line. I tried with…
1
vote
0 answers

Inverted Fill in area chart in Vue Apex Charts

Is it possible to display an inverted fill in an area chart? I am using the Vue-apex-charts library. I'm trying to create a chart that looks like the following where the red region is not stacked up from the baseline, but descends from the top of…
1
vote
2 answers

How to highlight the high and low values with different colors in an area series?

In LightningchartJS we can highlight the lower range as well as the higher range with different colors in an area range series. Is it possible to achieve the same in other area charts? In the current scenario, I have a bipolar area chart in which I…
1
vote
1 answer

D3 area chart filling above the line

I'm trying to create a d3 area chart with a gradient area fill. But if the graph data starts or ends at value anything other than 0 then the area fills above the line. Here is the working fiddle with the…
1
vote
0 answers

jqPlot - Overlapping of colors when plotting area chart along with bar/line plots

I have a use case where i want to plot area charts along with bar/line charts. I am able to do that with no issues. The problem I am now facing is the overlapping of colors when say, bar and area are plotted together. (Sample is below). In this, as…
1
2 3