pc06matt Report post Posted June 17, 2016 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! Share this post Link to post Share on other sites
pc06matt Report post Posted June 22, 2016 Hello Team, Any update or suggestion? If any workaround is available, that would be good also. Share this post Link to post Share on other sites
pc06matt Report post Posted June 24, 2016 Hello Team, Could you please provide any updates?? We are using Fusioncharts version 3.5.1. Share this post Link to post Share on other sites
Gagan Sikri Report post Posted June 24, 2016 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/ Share this post Link to post Share on other sites