showPlotBorder in MSAREA chart, need border in chart upper side only

[pc06matt]

Hi,

 

I have the following requirement. I need to create an MSArea chart, which looks like below:

 

 

Below is my MSAREA Chart code, enabling "showPlotBorder"

<%
ClipboardPage Pg = tools.findPage("D_SalesPerformanceVsQuota");
int qMaxLength = Pg.getInteger("pxResultCount");
%>
<chart decimals="0" numberprefix="$" plotgradientcolor="" showplotborder="0" bgcolor="FFFFFF" showborder="0" showalternatehgridcolor="0" showvalues="0" showcanvasborder="0" canvasborderalpha="0" legendshadow="0" legendborderalpha="0" labelDisplay="NONE" 
showLabels="0" minimiseWrappingInLegend="1" palettecolors="#A9B1BB,#A5EBC5" connectNullData ="1" drawAnchors="1" showPlotBorder="1" plotBorderThickness="2">

<categories>
<%
for(int i=1;i<=qMaxLength;i++) {
  ClipboardPage categoryPg = tools.findPage("D_SalesPerformanceVsQuota.pxResults("+i+")");
  String categoryName= categoryPg.getString("Category");
  String displayName= categoryPg.getString("DisplayText");
  if(displayName != null && !displayName.isEmpty()){
%>
	<category label="<%=displayName%>" showLabel="1" />
<%} else {
%>
	<category label="<%=categoryName%>" />
<%}}%>
</categories>

<dataset seriesname="Commit" plotBorderColor="#5a6572">
<%
for(int i=1;i<=qMaxLength;i++) {
  ClipboardPage seriesPg = tools.findPage("D_SalesPerformanceVsQuota.pxResults("+i+")");
  double dayAmt= seriesPg.getDouble("OppAmount1");
  double cumulativeSum= seriesPg.getDouble("CumulativeSum1");
  String oppName = seriesPg.getString("FirstName");
%>
	<set displayvalue="<%=oppName%>"  <% if(1==i || cumulativeSum!=0){%> value="<%=cumulativeSum%>" <%}%>/>
<%}%>
</dataset>

<dataset seriesname="Closed (Won)" plotBorderColor="#2ed177">
<%
for(int i=1;i<=qMaxLength;i++) {
  ClipboardPage seriesPg = tools.findPage("D_SalesPerformanceVsQuota.pxResults("+i+")");
  double dayAmt= seriesPg.getDouble("OppAmount");
  double cumulativeSum= seriesPg.getDouble("CumulativeSum");
  String oppName = seriesPg.getString("Name");
%>
	<set displayvalue="<%=oppName%>"  <% if(1==i || cumulativeSum!=0){%> value="<%=cumulativeSum%>" <%}%>/>
<%}%>
</dataset>

  <trendlines>
        <line  startValue="0" endValue="390000" color="#2A97DE" valueonright="1" displayvalue="Quota" showOnTop="1" thickness="2"/>
    </trendlines>
</chart>

I am getting chart something like this.

 

If you notice, in the second screen-shot, I am getting border color in red highlighted area also. We don't want that, we only want the border color to be in upper part of chart. 

Please suggest. Thanks!

[pc06matt]

Hello Team,

 

Any update or suggestion? If any workaround is available, that would be good also.

[pc06matt]

Hello Team,

 

Could you please provide any updates?? We are using Fusioncharts version 3.5.1.

[Gagan Sikri]

Hi

 

You can hide plot border for particular data set by specifying alpha attribute `plotBorderAlpha` for that data set. Please refer to this JSFiddle sample for the same: http://jsfiddle.net/sikrigagan/Tu57h/339/