tracker issue : CF-4204356

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

URL not working on client-side CFCHART

| View in Tracker

Status/Resolution/Reason: To Fix//ThirdParty

Reporter/Name(from Bugbase): Shigeyoshi M. / ()

Created: 05/20/2019

Components: Charting/Graphing, Client

Versions: 2018

Failure Type:

Found In Build/Fixed In Build: 2018,0,02,313961 /

Priority/Frequency: Normal /

Locale/System: / Win 2016

Vote Count: 3

Problem Description: 
After applying CF2018 update 2 and above, url is not working on client-side CFChart (format="html").

Similar to this bug, but with different causes:
https://tracker.adobe.com/#/view/CF-4203369

Since CF2018 Update 2, the ZingChart JS library file (cfchart-html.js) has been changed from 2.6.2 to 2.7.1.
When I click on the link of the chart item, a ZingChart error occurs.

<cfchart format="html" type="bar" url="https://www.adobe.com">
  <cfchartseries>
    <cfchartdata item="2012" value=#randrange(10,100)#>
    <cfchartdata item="2013" value=#randrange(10,100)#>
  </cfchartseries>
</cfchart>


Actual Result: 

An Error Has Occured
Error Message:
Network error:Resource not found (https://www.adobe.com)
Section:URL Data loader

JSON data:
{"graphset":[{"border-color":"#cccccc","series":[{"background-color":"#699EBF","shadow-alpha":1,"shadow-blur-y":1,"shadow":true,"background-color-2":"#F0F1F2","values":[57,95],"shadow-distance":2,"shadow-color":"#cccccc","type":"bar","shadow-blur-x":2}],"scale-x":{"line-color":"#cccccc","font-family":"Helvetica","item":{"font-family":"Helvetica","color":"#333333","font-size":11},"color":"#333333","label":{"color":"#333333"},"bold":true,"tick":{"line-color":"#cccccc","size":10,"line-width":1,"line-gap-size":0},"values":[2012,2013],"guide":{"line-width":0},"line-width":2,"font-size":16},"plot":{"tooltip-text":"%v","hover-marker":{"size":3,"background-color":"#888888"},"marker":{"size":3,"background-color":"#cccccc"},"preview":true,"url":"https://www.adobe.com"},"scale-y":{"line-color":"#cccccc","font-family":"Helvetica","item":{"font-family":"Helvetica","color":"#333333","font-size":11},"format":"%v","color":"#333333","label":{"color":"#333333"},"bold":true,"tick":{"line-color":"#cccccc","size":10,"line-width":1,"line-gap-size":0},"line-width":2,"font-size":16},"plotarea":{"margin-right":30,"margin-top":40,"adjust-layout":true,"margin-left":70},"background-color":"white","legend":{"border-color":"#CCCCCC","item":{"font-family":"Helvetica"},"margin-top":40,"adjust-layout":true,"shadow":false,"alpha":1,"background-color":"#FFFFFF"},"tooltip":{"font-family":"Helvetica","color":"#FFFFFF","bold":true,"padding":5,"font-size":11},"3d-aspect":{"x-angle":60,"true3d":false},"border-width":1,"type":"bar"}]}


Expected Result:
Url should be working.


Any Workarounds:
Copy the ZingChart JS library file (cfchart-html.js) from the backup folder CF_HOME/cfusion/hf-updates/<update folder>/backup/wwwroot/cf_scripts/scripts/chart to:
[CF_HOME]\cfusion\wwwroot\cf_scripts\scripts\chart

If the file does not exist in the backup (Use Refreshed CF2018 installer), download zingchart.min.js of 2.6.3 from ZingChart's CDN site(https://cdn.zingchart.com/) and rename the file to cfchart-html.js. Then replace the existing cfchart-html.js file in [CF_HOME]\cfusion\wwwroot\cf_scripts\scripts\chart.

Attachments:

Comments:

In the entry, I mentioned you that the version is 2.6.2, however the correct version is 2.6.3_pre.
Comment by Shigeyoshi M.
30769 | May 20, 2019 07:19:20 AM GMT
I filed bug CF-4204876, which was about CFChart URL issues as well; still a bug as of ColdFusion 2018, Update 4.
Vote by Carl J.
31072 | July 24, 2019 06:09:28 PM GMT
I can confirm this issue in CF2016 HF13 now.
Vote by David B.
31919 | December 03, 2019 02:06:50 PM GMT
I can confirm this issue in CF2016 HF13. In the the last update, HF13, we went from cfchart-html.js build 2.1.5 to 2.8.4 and the URL is now attempting an AJAX call within the same graph frame instead of it's previous behaviour of loading the url in the same page. This is a breaking change for us as it affects all of our drill down graphs. I can confirm that Shigeyoshi's workaround (rolling back to 2.1.5 by replacing cfcahrt-html.js from the HF backup) worked
Comment by David B.
31917 | December 03, 2019 02:13:33 PM GMT
I will also confirm, for ColdFusion 2018, the same thing that David B did for ColdFusion 2016: this bug is still in ColdFusion 2018, Update 6. Copying the aforementioned cfchart-html.js file, over the updated one, is still a working workaround.
Comment by Carl J.
31918 | December 03, 2019 03:28:51 PM GMT
ColdFusion 2018, Update 7, still contains the bug version of cfchart-html.js; overwriting the flawed version (2.8.4) with an older version (2.6.3) works for us.
Comment by Carl J.
31956 | December 12, 2019 02:28:21 PM GMT