1 Reply Latest reply on Jan 20, 2010 11:29 AM by CFSharePointing

    CFCHART Customization

    CFSharePointing

      Hello,

       

      Im putting together a few charts and am using XML to customize the style.  Mainly I just wanted to slant the text on the xAxis and did so with no issues by doing the following..

       

      <cfsavecontent

       

      variable="new_style">

      <frameChart>

      <xAxis>

      <labelStyle orientation="Slanted"/>

      </xAxis>

      </frameChart>

      </cfsavecontent>

      <cfchart

       

      style="#new_style#" showLegend="no" chartheight="250" chartwidth="550" scaleto="50" show3d="yes" format="flash" xaxistitle="Employee" yaxistitle="Tickets Opened Today">

       

      <cfchartseries seriescolor="green" type="bar" query="getData" itemcolumn="full_name" valuecolumn="today">

       

      </cfchartseries>

       

      </cfchart>

       

       

       

       

       

      The issue I have now is the line colors and the xAxis and yAxis labels become BLUE..which were orginally BLACK.  I have found out how to change back the color of the labels by using the following XML instead..

       

      <frameChart>

      <yAxis>

      <labelStyle color="black"/>

      </yAxis>

      <xAxis>

      <labelStyle color="black" orientation="Slanted"/>

      </xAxis>

      </frameChart>

       

      But I cannot figure out how to change the outside line from BLUE back to BLACK...see the image below.

       

      Untitled-1.jpg

       

       

      Also, if anyone knows of any good references for the cfchart XML please let me know.

       

      Thanks ahead of time!

       

       

       

       

       

       

       

       

       

       

       

        • 1. Re: CFCHART Customization
          CFSharePointing Level 1

          I found the answer by using the webcharts.bat - very handy tool btw for

          creating xml style sheets for charts.

           

          I'll basically be using the following...

           

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

          <frameChart>

          <frame

           

          outline="black"/>

          <yAxis>

          <labelStyle color="black"/>

          </yAxis>

          <xAxis>

          <labelStyle isHideOverlapped="false" color="black" orientation="Slanted"/>

          </xAxis>

          </frameChart>

           

          Thanks again for taking the time to read this.