Re: How to remove borders between series on APEX stacked area charts?

  • From: Rich J <rjoralist3@xxxxxxxxxxxxxxxxxxxxx>
  • To: Oracle L <oracle-l@xxxxxxxxxxxxx>
  • Date: Mon, 28 Oct 2019 15:57:53 -0500

On 2019/10/28 13:05, Rich J wrote:

In APEX 19.1, I've created a stacked area chart.  In between each series is a 
white border that I'd like to remove, but I can't find a way to hide it in 
the APEX interface.  In the resulting HTML of the APEX page, it looks like 
the chart is rendered using SVG.  The element that creates the border is a 
polyline like: ...

Apparently, the correct way to accomplish this is through JavaScript in
the chart attributes.  I pieced this together from several examples and
trials: 

function( options ){ 
    options.dataFilter = function( data ) {
        for(var idx = 0; idx < data.series.length; idx++) {
            data.series[ idx ].borderWidth = 0;
            data.series[ idx ].borderColor = "#F5F5F5";
        }
        return data;
    };

...although setting the borderWidth didn't work until I also set the
borderColor, in this case, to the background color for the sake of the
legend.  Not sure why, but that works for me for now. 

Rich

Other related posts: