4 Replies Latest reply on Sep 22, 2009 12:54 PM by Kling

    CFCHART - Don't want lines to go to ends

    Kling

      OK, in CFChart, I want to have 2 sets of lines, one blue that start at the beginning, and then it turns green and goes to the end.  Here's my code:

      <cfchart format="flash" chartheight="400" chartwidth="850" showxgridlines="yes" showygridlines="yes">
            <cfchartseries type="line" itemcolumn="WeekEnding" valuecolumn="TotalTested" serieslabel="Actual" seriescolor="##0000FF" >
             <cfchartdata value="1" item="2009-08-02">
             <cfchartdata value="7" item="2009-08-09">
             <cfchartdata value="10" item="2009-08-17">
            </cfchartseries>
            <cfchartseries type="line" itemcolumn="WeekEnding" valuecolumn="TotalTested" serieslabel="Projected" seriescolor="##009900" >
             <cfchartdata value="10" item="2009-08-17">
             <cfchartdata value="15" item="2009-08-23">
            </cfchartseries>
           </cfchart>

       

      As you can see, I am trying to get one nice line that switches colors on August 17th. Unfortunately, for the blue line (Actual), it draws a straight line at level 10 to the 23rd. It also draws a green line from the 2nd to 17th at 10. And it sucks!

       

      I tried combining them like this:

      <cfchart format="flash" chartheight="400" chartwidth="850" showxgridlines="yes" showygridlines="yes">
            <cfchartseries type="line" itemcolumn="WeekEnding" valuecolumn="TotalTested" serieslabel="Actual" colorlist="##0000FF,##0000FF,##0000FF,##009900" >
             <cfchartdata value="1" item="2009-08-02">
             <cfchartdata value="7" item="2009-08-09">
             <cfchartdata value="10" item="2009-08-17">
             <cfchartdata value="15" item="2009-08-23">
            </cfchartseries>
           </cfchart>

       

      But that draws the whole thing green. If anybody has a solution, help would be appreciated. Thanks!