Stacked area (spline etc) in irregular datetime series
When you create more datetime irregular series, by now only the same datetime values are used to create the stack, resulting in a correct-but-ugly graph.
We have done improvements in this behaviour in Highcharts 3.0. See http://jsfiddle.net/highcharts/QuteB/. Would you consider this case solved?
-
Jade Dyer commented
Very good representation of date. I would suggest an addition of “stem and leaf” diagrams https://queengreen.com/products/smirly-charcuterie-boards-gift-set
-
Martin Fisher commented
The Slevy is a popular website which offers freeware and software from around the world...https://theslevy.com/
-
David commented
There is also a trending news section on Dot Snel. We are glad to introduce our readers with top-notch information about almost every sphere of life...https://dotsnel.com/
-
Martin Fisher commented
5 Reasons to Choose a Voltas AC: A blog post which connects with the readers on a personal level by highlighting the problem faced and then showing how the brand's Voltas ACs can serve as a solution to it...https://furybyte.com/5-reasons-why-you-should-choose-a-voltas-ac/
-
David Perez commented
Cliff Devries – A Career Cut Short: The story of a diving coach who has been dealt with a life changing injury...https://bruitly.com/what-happened-to-cliff-devries/
-
Gareth commented
As far as I can tell this still doesn't work. Unable to stack two irregular datetime series. The linked example from 2013 doesn't work, any plans to continue this?
Thanks
-
Anonymous commented
Hi, I have a requirement . In my below example the grey square area is exisitng loan and the sky blue colored area is new Loan given. Together in this chart we have 3 square corners. And my requirement is to see all three corners curved without actually modifying7effecting the actual date on X-axis. Thanks in advance. https://jsfiddle.net/y0kqsrav/183/
Highcharts.chart('container', {
chart: {
type: 'areaspline'
},
title: {
text: 'Credit Loan'
},
subtitle: {
text: 'New/Existing Loans'
},
xAxis: {
title: '',
type: 'datetime',
labels: {
format: '{value:%d.%m.%y}'
}
},
yAxis: {
title: {
text: 'millions'
},
labels: {
formatter: function () {
return this.value/1000000;
}
}
},
tooltip: {
split: true,
valueSuffix: ' millions'
},
plotOptions: {
areaspline: {// stacking: 'areaspline',
lineColor: '#666666',
lineWidth: 1,
marker: {
lineWidth: 1,
lineColor: '#666666',}
}
},
series: [{
name: 'New Loan',
data: [
[Date.UTC(2018, 6, 7), 155317288],
[Date.UTC(2018, 11, 29), 155317288],
[Date.UTC(2018, 11, 29), 80000000],
[Date.UTC(2019, 5, 6), 80000000],
]
},
{
name: 'Existing Loan',
data: [
[Date.UTC(2018, 6, 7), 75317288],
[Date.UTC(2018, 11, 29), 75317288],
]
}]
});
javascripthighchartshighcharts-ng -
Tomas Nilsson commented
Here is an example with the desired behavior according to us when it comes to stacking with different x-values: http://jsfiddle.net/on4sm4zt/1/
The first chart shows that the stacking doesn't work if the x values for two series are not the same. Both series have data for the x values 1, 3, 4 and 5 and the stacking works correctly there. However, if there is a small offset for the x values (x=2 and x=2.2 in our example) the stacking doesn't work.
Our goal is to visualize the sum of the two lines for an arbitrary x value even though they might not have identical x values in their data sets. Is this possible to achieve with the current version of Highcharts/Highstock? Or would it be possible to fix?
Since the points are connected by a line it would make sense to use the interpolated value of the bottom line for x=2 and add the value of the upper line for x=2 in order to get the y-position of the blue line. We have tried to visualize what we mean by adding extra points in the second chart of our example. Ideally, you wouldn't have to add extra points to achieve this effect.
-
Anonymous commented
Hi has there been any improvement on this?
In the jsFiddle the y-value of the series that doesn't have x-value where the other one does, drops to zero. Which results in a strange graph.
Wouldn't it make more sense that the y-value is stacked above the other y-value where the dates don't mach? -
Terry commented
This seems to be fine. I will try it in my application next week and let you know if there are any problems. Thanks for being responsive to requests.
-
Mauro Morello commented