Gradients In Mscombi2D And Incorrect Hovering Values

[JACKSON company]

Hi ,

I was trying to do a chart using mscombi.swf .When i place the mouse on best outlook then i get value for neutral outlook,when mouse is placed on worst outlook i get value for neutral outlook.The hovering values I am getting are are incorrect and when i place mouse in any place on the chart i am getting values .I just want to get correct values when i place mouse only on data set series(BEST,WORST ,NEUTRAL) but not anywhere in the chart.I want to get Gradient for best and Neutral outlook area.Can you please suggest me how to do that.I want the color to start in solid and as it goes it needs to fade.Is there any option to get custom tooltext along with value on y-axis (for eg: InitialInvestment: $100000 ) only for the first set element in data set instead of getting BEST,2010,100000.

Below is the following XML.

 

<?xml version="1.0" encoding="UTF-8"?>

 

<chart bgColor="EFEFF7"

 

 

showBorder="3"

chartLeftMargin="10"

chartRightMargin="30"

caption="Steve and Mary's Retirement"

subcaption="Risk Profile: Moderate Growth (Blended)"

canvasPadding="0"

showValues="0"

drawAnchors="0"

plotGradientColor=""

plotFillAlpha="100"

showPlotBorder="0"

labelPadding="3"

labelStep="1"

labelDisplay="WRAP"

useEllipsesWhenOverflow="0"

yAxisMaxValue="2500000"

yAxisValuesPadding="5"

numberPrefix="$"

formatNumberScale="0"

numDivLines="5"

showAlternateHGridColor="0"

showLimits="0"

numVDivLines="5"

vDivLineColor="543948"

legendNumColumns="3"

legendBgAlpha="0"

legendBorderAlpha="0"

legendShadow="0"

showToolTip="1"

 

 

>

 

<categories>

<category label="2010" />

<vLine color="000000" alpha="100" thickness="1" showOnTop="1" linePosition="1" />

<category label="2020" />

<vLine color="000000" alpha="100" thickness="1" showOnTop="1" linePosition="1" />

<category label="2030" />

<vLine color="000000" alpha="100" thickness="1" showOnTop="1" linePosition="1" />

<category label="2040" />

<vLine color="000000" alpha="100" thickness="1" showOnTop="1" linePosition="1" />

<category label="2050" />

<vLine color="000000" alpha="100" thickness="1" showOnTop="1" linePosition="1" />

<category label="2060" />

<vLine color="000000" alpha="100" thickness="1" showOnTop="1" linePosition="1" />

<category label="2070" />

<vLine color="000000" alpha="100" thickness="1" showOnTop="1" linePosition="1" />

<category label="2080" />

</categories>

<!-- Accumulation Fill -->

 

<dataset renderAs="Area" color="DEEFB5" alpha="100">

<set value="2500000" />

<set value="2500000" />

<set value="2500000" />

<set value="2500000" />

<set value="2500000" />

<set value="2500000" />

<set value="2500000" />

<set value="2500000" />

 

 

</dataset>

<!-- Distribution Fill-->

 

<dataset renderAs="Area" color="9CDEF7" alpha="100">

 

<set />

<set />

<set />

<set value="2500000" />

<set value="2500000" />

<set value="2500000" />

<set value="2500000" />

<set value="2500000" />

<set value="2500000" />

 

</dataset>

 

 

<dataset seriesName="BEST CASE" renderAs="area" alpha="100" color="551033" includeInLegend='1' >

<set value="100000" />

<set value="700000"/>

<set value="1500000"/>

<set value="2200000"/>

<set value="1700000"/>

<set value="1100000"/>

<set value="800000"/>

<set value="750000"/>

</dataset>

 

<dataset seriesName="NEUTRAL" renderAs="Area" color="8B7500" alpha="100" includeInLegend="1" >

<set value="100000" />

<set value="600000"/>

<set value="1300000"/>

<set value="1900000"/>

<set value="1400000"/>

<set value="800000"/>

<set value="700000"/>

<set value="550000"/>

</dataset>

<dataset seriesName="WORST CASE" renderAs="Area" color="DEB39C" alpha="100" includeInLegend="1" >

<set value="100000" />

<set value="500000"/>

<set value="1000000"/>

<set value="1600000"/>

<set value="1300000"/>

<set value="700000"/>

<set value="600000"/>

<set value="450000"/>

</dataset>

<!-- Accumulation Fill -->

 

<dataset renderAs="Area" color="DEEFB5" alpha="100">

<set value="100000" />

<set value="500000" />

<set value="1000000" />

<set value="1600000" />

</dataset>

<!-- Distribution Fill -->

 

<dataset renderAs="Area" color="9CDEF7" alpha="100">

<set />

<set />

<set />

 

<set value="1600000"/>

<set value="1300000" />

<set value="700000" />

<set value="600000" />

<set value="450000" />

 

 

</dataset>

<trendlines>

<line startValue="0" displayvalue="START"/>

<line startValue="500000" color="000000" alpha="100" showOnTop="1" displayvalue=" " />

 

<line startValue="1000000" color="000000" alpha="100" showOnTop="1" displayvalue=" " />

<line startValue="1500000" color="000000" alpha="100" showOnTop="1" displayvalue=" " />

<line startValue="2000000" color="000000" alpha="100" showOnTop="1" displayvalue=" " />

<line startValue="2500000" />

</trendlines>

 

 

 

</chart>

[Sanjukta]

Hi,

 

Could you please specify on the tooltip hover issue? In case you are using a JavaScript fallback of the chart, please note that the tooltip on the mouse over away from the anchor, is an intended behavior and cannot be controlled explicitly.

 

Also, for the custom tooltip, please try using the custom text as the value for the attribute "toolText" in the <set> element of the XML.

Ex:

<set ... toolText='InitialInvestment: $100000' />

 

Hope this helps.

[JACKSON company]

Hi Sanjukta,

I am using javascript for the chart.

My actual question is hovering is not working properly.When i place mouse over best series ,i get value for neutral series .When i place mouse over worst series i get value for neutral series.For some data points i am getting correct hovering but for few other data points the hovering is not proper.for example when i place mouse over 2020 year value for best,worst,neutral series i am getting incorrect hovering values.

And when i place mouse over the remaining area on the chart i am getting values. i dont want to get the values when i place the mouse over the other area of the chart.

i have use renderas=area for all the three series.When i changed to renderas=line for all the series i am getting the same problem of incorrect values when hovered.Plz help to solve the issue.

i am sending the html i have written.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml"

xmlns:ui="http://java.sun.com/jsf/facelets"

xmlns:h="http://java.sun.com/jsf/html"

xmlns:f="http://java.sun.com/jsf/core">

 

<f:loadBundle basename="resources.application" var="msg"/>

 

<head>

<title>My First chart using FusionCharts</title>

<script type="text/javascript" src="FusionCharts/FusionCharts.js"/></script>

</head>

 

<body>

<div id="chartContainerJs">FusionCharts will load here!</div>

<br/>

<script type="text/javascript">

 

 

FusionCharts.setCurrentRenderer("javascript");

var myChart = new FusionCharts( "FusionCharts/MSCombi2D.swf", "myChartId", "530", "530", "0", "1" );

myChart.setDataURL("ActualChart.xml");

myChart.render("chartContainerJs");

 

 

 

</script>

</body>

 

</html>

 

 

[JACKSON company]

Hi,

 

Could you please specify on the tooltip hover issue? In case you are using a JavaScript fallback of the chart, please note that the tooltip on the mouse over away from the anchor, is an intended behavior and cannot be controlled explicitly.

 

Also, for the custom tooltip, please try using the custom text as the value for the attribute "toolText" in the <set> element of the XML.

Ex:

 

Hope this helps.

 

 

Hi Sanjukta,

I am using javascript for the chart.

My actual question is hovering is not working properly.When i place mouse over best series ,i get value for neutral series .When i place mouse over worst series i get value for neutral series.For some data points i am getting correct hovering but for few other data points the hovering is not proper.for example when i place mouse over 2020 year value for best,worst,neutral series i am getting incorrect hovering values.

And when i place mouse over the remaining area on the chart i am getting values. i dont want to get the values when i place the mouse over the other area of the chart.

i have use renderas=area for all the three series.When i changed to renderas=line for all the series i am getting the same problem of incorrect values when hovered.Plz help to solve the issue.

 

Thank you,

Jackson

 

i am sending the html i have written.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR...ransitional.dtd">

 

<html xmlns="http://www.w3.org/1999/xhtml"

xmlns:ui="http://java.sun.com/jsf/facelets"

xmlns:h="http://java.sun.com/jsf/html"

xmlns:f="http://java.sun.com/jsf/core">

 

<f:loadBundle basename="resources.application" var="msg"/>

 

<head>

<title>My First chart using FusionCharts</title>

<script type="text/javascript" src="FusionCharts/FusionCharts.js"/></script>

</head>

 

<body>

<div id="chartContainerJs">FusionCharts will load here!</div>

<br/>

<script type="text/javascript">

 

 

FusionCharts.setCurrentRenderer("javascript");

var myChart = new FusionCharts( "FusionCharts/MSCombi2D.swf", "myChartId", "530", "530", "0", "1" );

myChart.setDataURL("ActualChart.xml");

myChart.render("chartContainerJs");

 

 

 

</script>

</body>

[Guest Bindhu]

Hi,

 

I am afraid, we are not able to replicate the issue.

 

The toolTips are displayed appropriately.

 

And when i place mouse over the remaining area on the chart i am getting values. i dont want to get the values when i place the mouse over the other area of the chart.

>> This is the intended behavior of JavaScript charts.

 

Hope this helps!

[JACKSON company]

Hi Bindu,

I am using java script and tool tips are not displayed properly when javascript is used .

When i place mouse over best series i get value for neutral and when i place mouse over worst series i get value for neutral and when i place mouse over neutral i get value for best.This is not happening everytime.Sometimes i get correct values.Sometimes i dont get correct values.

 

Thank you ,

jackson

Hi,

 

I am afraid, we are not able to replicate the issue.

 

The toolTips are displayed appropriately.

 

And when i place mouse over the remaining area on the chart i am getting values. i dont want to get the values when i place the mouse over the other area of the chart.

>> This is the intended behavior of JavaScript charts.

 

Hope this helps!

[Guest Bindhu]

Hi Jackson,

 

Like I said earlier, I am unable to replicate this issue.