pihrig

Column2D: Style numbersuffix

Recommended Posts

Howdy Folks! first post.

I have search and have found nothing on the topic.

 

version: FusionCharts XT(v3.2.2) SR3 (12th March, 2012)

 

 

Our designer wants the numbersuffix in our JavaScript Column2D to be styled. (sup, smaller font size, et)

I have not found a way to do this. any help would be fantastic. I can't seem to be able to target it using jQuery or css after render...

 

I was able to force it to have its own tspan by doing this.

"numbersuffix": "<span class='_SmartLabel_Container tspanSup' style='font-size: 10px important!; line-height: 22.4px; color: #999999; font-weight: normal;'>%</span>",

 

But it does not carry over the class in the rendered chart,

 

<text x="27" y="66" style="font-family:Calibri;font-size:16px;color:#FFFFFF;line-height:22.4px;font-weight:bold;fill:#FFFFFF;" text-anchor="middle" zIndex="1">

  <tspan x="27" y="55">95</tspan>

  <tspan dx="3" y="55">%</tspan>

</text>

 

but it is there in the html:

 

<span class="_SmartLabel_Container" style="font-family: Calibri; font-size: 16px; line-height: 22.4px; color: rgb(255, 255, 255); position: absolute; top: -9999em; white-space: nowrap; font-weight: bold;">

  95

  <span class="_SmartLabel_Container tspanSup" style="font-size: 10px important!; line-height: 22.4px; color: #999999; font-weight: normal;">%</span>

</span>

 

Any help would be Awesome!

Thank You and have a great day!

-paul

Edited by pihrig

Share this post


Link to post
Share on other sites

i am also trying to target  "toObject": "numbersuffix" 

with no luck.....

 

 

  "styles": {
  
    "definition": [
      {
        "name": "valueFont",
        "type": "font",
        "color": "FFFFFF",
        "bold": "1",
        "font": "Calibri",
        "margin-top": "10", 
        "size": "16",
        "ishtml": "1"
      },
      {
        "name": "supFont",
        "type": "font",
        "color": "FFFFFF",
        "bold": "1",
        "font": "Calibri",
        "margin-top": "10",
        "size": "8",
        "ishtml": "1"
      }    
    ],
    "application": [
      {
        "toObject": "DATAVALUES",
        "styles": "valueFont"
      },
       {
         "toObject": "numbersuffix",
         "styles": "supFont"
       }    
    ]
    
  }

Share this post


Link to post
Share on other sites
 

Hi,

 

Welcome to FusionCharts Forum!

 

Please support for rendering of charts, gauges, and maps in Adobe Flash has been deprecated since v3.4.0 or higher versions. SWF files are not needed after upgrading to v3.4.0 or higher.

 

Also, we have cosmetic properties to styles certain elements of charts in our latest release v3.10.1

 

Refer this link for the chart attributes: http://www.fusioncharts.com/dev/chart-attributes.html?chart=column2d

 

Hope this helps.

Share this post


Link to post
Share on other sites

we are not using flash. we are using javascript.

if you know how to target the numbersuffix in a style. please explain. i would appreciate it.

i have read all the docs, and cant see a way.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now