Hyperlink In Caption Not Working....

[mimsc]

I am doing the same thing with al my charts and it works fine, but for this chart I seem to get a mouseover on the caption and the captin hyperlink does not work????

 

 

here is the chart data:

 

//////////////////////////////////

//Funds Expended Chart //

//////////////////////////////////

var fundExpPlanned = [];

var fundExpActual = [];

var fundExpVariance = [];

<c:forEach var="fundExpBean" items="${fundExpBeans}" varStatus="loopCount">

fundExpPlanned.push({ "value": <tld-msst:fc-value var="${fundExpBean.plannedCost}"/> });

fundExpActual.push({ "value": <tld-msst:fc-value var="${fundExpBean.actualCost}"/> });

fundExpVariance.push({ "value": <tld-msst:fc-value var="${fundExpBean.costVariance}"/> });

</c:forEach>

 

var costCategories = { category: [] };

<c:forEach var="fundExpBean" items="${fundExpBeans}">

costCategories.category.push({"label": "${fundExpBean.costCategory}"});

</c:forEach>

 

fundExpChart.setJSONData(

{

"chart": {

"caption": "<a href='show.mgmtview_funding?view=EXPENDED'>Funds Expended</a>",

"palette": "1",

"showvalues":"0",

"formatnumberscale": "0",

"numberPrefix":"$",

"numdivlines": "9",

"bgcolor": "eeeecc",

"canvasBgColor": "030304",

"toolTipBgColor": "322B2B",

"baseFontColor": "ffffff",

"legendBgColor": "eeeecc",

"legendBorderColor": "eeeecc",

"outCnvBaseFontColor": "38383F",

"exportenabled":"0",

"exportHandler":"fcExporter1",

"exportAtClient":"1",

 

"wmode":"transparent"

},

"categories": [costCategories],

 

"dataset": [{

"seriesname": "Planned Cost",

"color": "2D2DD6,FFFFFF,666666",

"plotbordercolor": "688DE5",

"renderas": "column",

"data": fundExpPlanned

}, {

"seriesname": "Actual Cost",

"color": "ff3333,FFFFFF,666666",

"plotbordercolor": "E16774",

"renderas": "column",

"data": fundExpActual

}, {

"seriesname": "Variance",

"color": "33FF33,FFFFFF,666666",

"plotbordercolor": "E16774",

"renderas": "column",

"data": fundExpVariance

}],

"styles": {

"definition": [

{

"name": "MyFirstFontStyle",

"type": "font",

"font": "Arial",

"size": "16",

"ishtml": "1",

"color": "0000FF",

"bold": "1",

"underline": "1"

}

],

"application": [

{

"toobject": "Caption",

"styles": "MyFirstFontStyle"

}

]}

});

Edited November 27, 2012 by mimsc

[Guest Sumedh]

Hi,

 

A warm welcome to FusionCharts Forum!

 

For creating hyperlink on caption, you would need to use following attribute configuration:

 

You would need to add "isHTML" attribute as "1" in the definition element.

 

Ref. Code:

 

{
 "chart": {
   "caption": "<a href='http://www.fusioncharts.com'>Funds Expended </a>",
   "xaxisname": "Month",
   "yaxisname": "Revenue",
   "numberprefix": "$",
   "showvalues": "0"
 },
.
.
.

"styles": {
   "definition": [
     {
       "name": "MyFirstFontStyle",
       "type": "font",
       "font": "Verdana",
       "size": "12",
       "color": "FF0000",
       "bold": "1",
       "ishtml": "1"
     }
   ],
   "application": [
     {
       "toobject": "Caption",
       "styles": "MyFirstFontStyle,MyFirstShadow"
     }
   ]
 }

 

Please find attached illustration for your reference.

 

Hope this helps!

Caption_Hyperlink.zip

[mimsc]

Did you read my post??...I have the "isHtml" flag set....I think the problem is my caption text is too long

 

 

Hi,

 

A warm welcome to FusionCharts Forum!

 

For creating hyperlink on caption, you would need to use following attribute configuration:

 

You would need to add "isHTML" attribute as "1" in the definition element.

 

Ref. Code:

 

{
 "chart": {
   "caption": "<a href='http://www.fusioncharts.com'>Funds Expended </a>",
   "xaxisname": "Month",
   "yaxisname": "Revenue",
   "numberprefix": "$",
   "showvalues": "0"
 },
.
.
.

"styles": {
   "definition": [
     {
       "name": "MyFirstFontStyle",
       "type": "font",
       "font": "Verdana",
       "size": "12",
       "color": "FF0000",
       "bold": "1",
       "ishtml": "1"
     }
   ],
   "application": [
     {
       "toobject": "Caption",
       "styles": "MyFirstFontStyle,MyFirstShadow"
     }
   ]
 }

 

Please find attached illustration for your reference.

 

Hope this helps!

[Guest Sumedh]

Hi,

 

Apologies for the miscommunication.

 

But this is is working fine with long text caption at our end.

 

Please find attached screen-shot and modified JSON for your reference.

modified_data.zip