Highlighted

ColdFusion 2018 CFCHART format="html" is not rendering graph

Community Beginner ,
Jul 18, 2018

Copy link to clipboard

Copied

Server side, I am using developer edition on a Windows 10 64 bit VM.  I installed CF using the Developer Profile option, with defaults selected.

Client side, web browser is Chrome on MacOS X

Yes, I am an admin on the box.

Yes, I ran the installer as admin.

Yes, I tried to run the CF service under a local admin account.

No, there is no error in the console.

Yes, /cf_scripts/scripts/chart/cfchart.js is loading as it should, though with a 304 response code.

format="png" is working.

Any ideas?

Thanks!

Alberto

TOPICS
cfchart

Views

1.9K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

ColdFusion 2018 CFCHART format="html" is not rendering graph

Community Beginner ,
Jul 18, 2018

Copy link to clipboard

Copied

Server side, I am using developer edition on a Windows 10 64 bit VM.  I installed CF using the Developer Profile option, with defaults selected.

Client side, web browser is Chrome on MacOS X

Yes, I am an admin on the box.

Yes, I ran the installer as admin.

Yes, I tried to run the CF service under a local admin account.

No, there is no error in the console.

Yes, /cf_scripts/scripts/chart/cfchart.js is loading as it should, though with a 304 response code.

format="png" is working.

Any ideas?

Thanks!

Alberto

TOPICS
cfchart

Views

1.9K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jul 18, 2018 0
New Here ,
Jul 23, 2018

Copy link to clipboard

Copied

Hi Alberto,

                       I followed the steps shared by you on Mac OS (10.13.5) and it worked fine with and without connector.

Code snippet :

<cfchart format="html" type="bar" showlegend="false" chartHeight="400" chartWidth="600" title="Sales report">

    <cfchartseries>

        <cfchartdata item="2012" value=#randrange(10,100)#>

        <cfchartdata item="2013" value=#randrange(10,100)#>

        <cfchartdata item="2014" value=#randrange(10,100)#>

        <cfchartdata item="2015" value=#randrange(10,100)#>

        <cfchartdata item="2016" value=#randrange(10,100)#>

        <cfchartdata item="2017" value=#randrange(10,100)#>

    </cfchartseries>

</cfchart>

Attaching the screen-shot

chart

 

Let me know if I am missing anything here. Please share with us the screen-shot and code snippet.

Thanks,

Dattanand Bhat

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2018 0
Community Beginner ,
Jul 23, 2018

Copy link to clipboard

Copied

Hi Dattanand,

It appears the doctype tag is preventing the chart from rendering with the html attribute for some reason.

If I remove the line below, the chart renders.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

I tried stripping it down to <!DOCTYPE html> , but that did not help.

Suggestions?

Thanks!

Alberto

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2018 0
LEGEND ,
Jul 23, 2018

Copy link to clipboard

Copied

What error messages, if any, do you get when using <!DOCTYPE html>?

V/r,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2018 0
Community Beginner ,
Jul 23, 2018

Copy link to clipboard

Copied

Hi WolfShade

There is no error in the console or elsewhere.

See attached screenshot.

BTW, the works as it should in CF11 STD.

Screen Shot 2018-07-23 at 2.42.44 PM.png

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2018 0
LEGEND ,
Jul 23, 2018

Copy link to clipboard

Copied

But it works if you remove the doctype declaration??  Very odd.  I'd report a bug about it.

https://tracker.adobe.com

V/r,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2018 0
Community Beginner ,
Jul 23, 2018

Copy link to clipboard

Copied

Yeah... I also stripped away all other html, css, js and used the code sample provided by dattanandb56935331 .

The chart does not render with the doctype.   

<!DOCTYPE html>

<cfchart format="html" type="bar" showlegend="false" chartHeight="400" chartWidth="600" title="Sales report">

    <cfchartseries>

        <cfchartdata item="2012" value=#randrange(10,100)#>

        <cfchartdata item="2013" value=#randrange(10,100)#>

        <cfchartdata item="2014" value=#randrange(10,100)#>

        <cfchartdata item="2015" value=#randrange(10,100)#>

        <cfchartdata item="2016" value=#randrange(10,100)#>

        <cfchartdata item="2017" value=#randrange(10,100)#>

    </cfchartseries>

</cfchart>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2018 0
LEGEND ,
Jul 23, 2018

Copy link to clipboard

Copied

What happens if you use quotation marks around the values, and keep the doctype declaration in?

V/r,

^ _ ^

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2018 0
Community Beginner ,
Jul 23, 2018

Copy link to clipboard

Copied

Same result.  The quotes have no effect. Updated snippet below.

<!DOCTYPE html>

<cfchart format="html" type="bar" showlegend="false" chartHeight="400" chartWidth="600" title="Sales report">

    <cfchartseries>

        <cfchartdata item="2012" value="#randrange(10,100)#">

        <cfchartdata item="2013" value="#randrange(10,100)#">

        <cfchartdata item="2014" value="#randrange(10,100)#">

        <cfchartdata item="2015" value="#randrange(10,100)#">

        <cfchartdata item="2016" value="#randrange(10,100)#">

        <cfchartdata item="2017" value="#randrange(10,100)#">

    </cfchartseries>

</cfchart>

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2018 0
Community Beginner ,
Jul 23, 2018

Copy link to clipboard

Copied

Tried logging a bug, but the bug tracker does not have version 2018 as an option.

Does anyone know who can get that fixed?

Thanks!

Alberto

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2018 0
Community Beginner ,
Jul 23, 2018

Copy link to clipboard

Copied

I created a bug for the bug tracker to get version 2018 added to the version menu for the CF product:

https://tracker.adobe.com/#/view/TKR-205

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2018 0
Adobe Employee ,
Jul 23, 2018

Copy link to clipboard

Copied

Hi Alberto,

I can see the issue with ColdFusion 2018 with DOCTYPE+cfchart, it is not rendering the chart, however, as you suggested, I removed the DOCTYPE and it started to work.

As Dattanand is already responded here, I will work with him to provide any reproducible case if needed.

Thanks for the input.

Thanks,

Priyank Shrivastava

Thanks,
Priyank Shrivastava

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2018 0
Community Beginner ,
Jul 23, 2018

Copy link to clipboard

Copied

Hi Priyank,

I would like to file this as a bug.  Can you please help getting 2018 added to the version selection in the bug tracker?

https://tracker.adobe.com/#/view/TKR-205

Thanks!

Alberto

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2018 0
Adobe Employee ,
Jul 23, 2018

Copy link to clipboard

Copied

Hi Alberto,

I have created a bug for the same. You have to select the version ColdFusion 13 for ColdFusion 2018.

Tracker

Thanks,

Priyank

Thanks,
Priyank Shrivastava

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 23, 2018 0
Adobe Employee ,
Jul 24, 2018

Copy link to clipboard

Copied

Hi Alberto,

We have verified the bug and will be fixing soon. We have changed the bug status in tracker.

Thanks,

Priyank

Thanks,
Priyank Shrivastava

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 24, 2018 0
Community Beginner ,
Jul 24, 2018

Copy link to clipboard

Copied

Hi Priyank ,

Respectfully, this really should be consistent your current version scheme.  Meaning use 2016, 2018.

As opposed to using 11, then switch to 2016, then go back to 13.

Thanks again,

Alberto

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jul 24, 2018 0
Adobe Employee ,
Aug 07, 2018

Copy link to clipboard

Copied

Hi Alberto,

We have corrected the document for cfchart and also updated the same in the bug. Here is the link for both.

https://tracker.adobe.com/#/view/CF-4203130

https://helpx.adobe.com/coldfusion/cfml-reference/coldfusion-tags/tags-c/cfchart.html

Thanks,

Priyank

Thanks,
Priyank Shrivastava

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Aug 07, 2018 0