tracker issue : CF-3949453

select a category, or use search below
(searches all categories and all time range)

CFCHART - JPG format shifts x axis labels

| View in Tracker

Status/Resolution/Reason: Closed/Fixed/

Reporter/Name(from Bugbase): Aimee Merchlinski / Aimee Merchlinski (Aimee Merchlinski)

Created: 03/06/2015

Components: Charting/Graphing, Client

Versions: 11.0

Failure Type: Cosmetic Issue

Found In Build/Fixed In Build: CF11_Final /

Priority/Frequency: Normal / All users will encounter

Locale/System: English / Linux Red Hat 7.1

Vote Count: 0

Problem Description:
I am create a chart using CFCHART and the x-axis lists dates.  My graph is styled to rotate the dates 270 degrees to be perpendicular to the axis.  When the chart is rendered using format="png" or "html", the dates are aligned directly under the plot.  However, when I use format="jpg" or "png", the dates shift to the left.  My code saves the files to jpg and then display them using <img> tags as a work around to printing issues. Can this be fixed?

I've tested this on CF 11 Update 2 and CF 11 Update 4.  

Steps to Reproduce:
Files attached with examples of chart in different formats.

Actual Result:

Expected Result:

Any Workarounds:

----------------------------- Additional Watson Details -----------------------------

Watson Bug ID:	3949453

External Customer Info:
External Company:  
External Customer Name: Aimee
External Customer Email:  
External Test Config: My Hardware and Environment details:

Redhat  7

Apache 2.4.6

CF 11 Update 2 (tested with Update 4 as well)


  1. March 07, 2015 00:00:00: 1_chart.cfm


JSON: { "show-progress":false, "graphset":[ { "alpha":1, "background-color":"#ffffcc", "background-color-2":"#ffffcc", "border-color":"#000000", "border-width":2, "plotarea":{ "position":"0% 0%", "alpha":1, "background-color":"#eeeeee", "background-color-2":"#eeeeee", "margin-top":40, "margin-right":25, "margin-left":30, "margin-bottom":85, "border-color":"#000000", "border-width":2 }, "type":"line", "title":{ "text":"A1c", "alpha":1, "background-color":"#330066", "background-color-2":"#330066", "position":"0% 0%", "margin-top":0, "margin-right":0, "margin-left":0, "margin-bottom":10 }, "plot":{ "value-box":{ "type":"all", "text":"%v", "alpha":3, "background-color":"#eeeeee", "background-color-2":"#eeeeee" }, "marker":{ "type":"none", "size":4 }, "hover-marker":{ "type":"none", "size":3 }, "click-marker":{ "type":"none", "size":3 } }, "scale-x":{ "max-labels":6, "items-overlap":1, "item":{ "font-angle":270, "auto-align":true, "margin-left":500 } }, "scale-y":{ "max-value":20, "markers":[{ "type":"area", "range":[4,7], "background-color":"#999999", "alpha":0.5 }] } } ] }
Comment by External U.
8146 | March 06, 2015 11:45:02 AM GMT
We have informed zing chart about this issue.
Comment by Dattanand M.
8147 | April 15, 2015 10:43:19 PM GMT