tracker issue : CF-3756789

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

cfChart uses space and border for empty title

| View in Tracker

Status/Resolution/Reason: Closed/Fixed/

Reporter/Name(from Bugbase): Reto Aeberli / Reto Aeberli (Reto Aeberli)

Created: 05/07/2014

Components: Charting/Graphing

Versions: 11.0

Failure Type:

Found In Build/Fixed In Build: CF11_Final /

Priority/Frequency: Major / Most users will encounter

Locale/System: ALL / Win 2012 Server x64

Vote Count: 1

Listed in the version Issues Fixed doc
Problem Description:
The generated chart uses space and a border for a title even if no title atrribute is set or the value is empty. On earlier version in this case no space was reserved and no ugly empty box is rendered. Especially the empty box is now disturbing and makes existing charts look ugly. 

Steps to Reproduce:
crerate a cfml template with the following code and open it in the browser:
<cfchart showlegend="no" showborder="no" backgroundcolor="F4F8FA">
    <cfchartseries type="pie">
        <cfchartdata item="New car sales" value="50000">
        <cfchartdata item="Used car sales" value="25000">
        <cfchartdata item="Leasing" value="30000">
        <cfchartdata item="Service" value="40000">

Actual Result:
on top is an white box with a grey border that is empty. If title attribute is specified with a value, the value is rendered inside this box.

Expected Result:
a chart just without the white box and grey border

Any Workarounds:
can't find one

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

Watson Bug ID:	3756789

External Customer Info:
External Company:  
External Customer Name: Reto CENTINATED GmbH
External Customer Email:  
External Test Config: My Hardware and Environment details:



Since the plot of the chart has been customized in this case, title will also have to be customized. It can be done using the following syntax <cfchart title="#{'background-color':'white'}#">
Comment by Himavanth R.
12251 | May 14, 2014 06:52:49 AM GMT
Ok, this at least helps to remove the visibility of the title box, but it still uses space where earlier versions didn't. I consider your input as an workaround for 50% of the problem. In my eyes this is still a Bug. For almost all users not one chart looks like the same as before after upgrading to CF11.
Comment by External U.
12252 | May 14, 2014 07:41:09 AM GMT
My background is black, so this bright empty box is a no-go.
Vote by External U.
12256 | November 03, 2014 03:16:13 PM GMT
If you create a style.txt file and add the basic json structure of ZingCharts {"graphset":[{}]} it will fix your problem (style="style.txt"). Obviously there is a bug, but this is a short-term work-around. I would recommend leaving cfchart behind and use the latest build of ZingCharts ( and link the CF license /cfide/scripts/chart/license.js. It takes a little getting used to, but you would have a much newer version of the ZingCharts code and it is much more flexible.
Comment by External U.
12253 | November 03, 2014 05:42:37 PM GMT
This is only partially fixed in CF11 Update 3. If you add style="blue", then the empty title box returns. Thanks!, -Aaron
Comment by External U.
12254 | November 06, 2014 02:37:34 AM GMT
Verified this is fixed in CF11 Update 3 (11,0,03,292024(PreRelease)). The empty title box does not appear, even when the style attribute is used. Thanks!, -Aaron
Comment by External U.
12255 | November 09, 2014 04:21:34 AM GMT