Rendering Artifacts in Stacked Area Chart with Gaps

Question

I want to create an area chart of multiple series with percentual stacking using Hichstock. The time series may contain gaps which I want to visualize using the gapSize option.

When I render the chart with stacking: 'percent', the gaps are not fully empty. However, there is no issue when rendered with stacking: 'normal'.

Is there any option or incompatibility that I am not aware of, or is this likely a bug in Highstock?

Here is a JSFiddle that illustrates the problem: http://jsfiddle.net/8d5qzwrg/

ewolden ewolden · Accepted Answer · 2019-04-15T09:15:25

Could be a bug in highcharts, a workaround is to use step, like this:

plotOptions: {
  series: {
    stacking: 'percent',
    gapSize: 1,
    step: 'center'
  }
},

Working JSFiddle example: http://jsfiddle.net/ewolden/0rdjL1gq/2/

Rendering Artifacts in Stacked Area Chart with Gaps

1 Answers