Skip to main content

Posts

Showing posts with the label cfchart

How to change Chart series color in ColdFusion

cfchart - chart series color cfchartSeriescolor.cfm <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cfchart tag: how to set change chart series color (seriescolor)</title> </head> <body> <h2 style="color:PaleVioletRed; font-style:italic">cfchart example: how to change chart series color</h2> <hr width="675" align="left" color="PaleVioletRed" /> <br /> <cfchart format="jpg" xaxistitle="Employee" chartheight="375" yaxistitle="Monthly Salary" databackgroundcolor="FF4500" chartwidth="675" fontbold="yes" fontsize="13" backgroundcolor="BC8F8F" foregroundcolor="FFF5EE" showxgridlines="yes" gr...
Read more

How to create a Chart in ColdFusion

Introduction ColdFusion, an Adobe-owned scripting language, offers a wide range of powerful features, including the ability to create dynamic charts and graphs. This tutorial focuses on one such feature—the <cfchart> and <cfchartseries> tags—which allow developers to easily generate graphical representations of data retrieved from a database. Understanding how to use these tags can help enhance the visual presentation of data in web applications, making complex information easier to interpret. This article explains how to use ColdFusion to create a bar chart that displays employee salaries. The chart pulls data from a database query and renders it as a dynamic image, which is displayed directly on a web page. In the following sections, we’ll break down each part of the code and explain its role in generating the chart. Setting Up the Data Query Before creating the chart, the data needs to be pulled from a data source. The <cfquery> tag is used here to retrieve empl...
Read more

Pie Chart pie slice style in ColdFusion

cfchart - pieslicestyle property in pie chart cfchartpieSliceStyle.cfm <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cfchart tag: how to use pieslicestyle property in pie chart in coldfusion</title> </head> <body> <h2 style="color:DarkSeaGreen; font-style:italic">cfchart example: how to use pieslicestyle property in pie chart</h2> <hr width="700" align="left" color="DarkSeaGreen" /> <br /> <cfquery name="qEmployee" datasource="cfdocexamples" maxrows="4"> SELECT FirstName, LastName, Salary FROM EMPLOYEE </cfquery> <cfchart format="png" xaxistitle="First Name" yaxistitle="Salary" chartheight="400" chartwidth="700" showlegend...
Read more

How to set Pie chart color list in ColdFusion

cfchart - colorlist in pie chart cfchartPie.cfm <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cfchart tag: how to use colorlist in pie chart in coldfusion</title> </head> <body> <h2 style="color:DarkOliveGreen; font-style:italic">cfchart example: how to use colorlist in pie chart</h2> <hr width="700" align="left" color="LightPink" /> <br /> <cfquery name="qEmployee" datasource="cfdocexamples" maxrows="5"> SELECT FirstName, LastName, Salary FROM EMPLOYEE </cfquery> <cfchart format="png" xaxistitle="First Name" yaxistitle="Salary" chartheight="400" chartwidth="700" showlegend="yes" fontbold="yes" ...
Read more

CFchart - Chart series paint style in ColdFusion

cfchart - paintstyle property in cfchartseries cfchartpaintstyle.cfm <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cfchart tag: how to use paintstyle property in cfchartseries in coldfusion</title> </head> <body> <h2 style="color:Tan; font-style:italic">cfchart example: how to use paintstyle property in cfchartseries</h2> <hr width="700" align="left" color="Tan" /> <br /> <cfquery name="qEmployee" datasource="cfdocexamples" maxrows="4"> SELECT FirstName, LastName, Salary FROM EMPLOYEE </cfquery> <cfchart format="png" xaxistitle="First Name" yaxistitle="Salary" chartheight="400" chartwidth="700" showlegend="no" ...
Read more

How to display legend on a Chart in ColdFusion

cfchart - legend in chart cfchartLegend.cfm <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cfchart tag: how to use legend in chart in coldfusion</title> </head> <body> <h2 style="color:DarkOliveGreen; font-style:italic">cfchart example: how to use legend</h2> <hr width="700" align="left" color="LightPink" /> <br /> <cfquery name="qEmployee" datasource="cfdocexamples" maxrows="10"> SELECT FirstName, LastName, Salary FROM EMPLOYEE </cfquery> <cfchart format="png" xaxistitle="First Name" yaxistitle="Salary" chartheight="400" chartwidth="700" showlegend="yes" backgroundcolor="2F4F4F" foregroundcolor=...
Read more

Chart label format (currency, date, number, percent) in ColdFusion

cfchart - label format (currency, date, number, percent) in chart cfchartLabelFormat.cfm <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cfchart tag: how to use label format (currency, date, number, percent) in chart</title> </head> <body> <h2 style="color:RosyBrown; font-style:italic">cfchart example: how to use label format in chart</h2> <hr width="700" align="left" color="RosyBrown" /> <br /> <cfchart format="png" xaxistitle="First Name" yaxistitle="Salary" chartheight="400" chartwidth="700" foregroundcolor="FFFAFA" backgroundcolor="BC8F8F" fontbold="yes" show3d="yes" databackgroundcolor="DDA0DD" ...
Read more

How to create a 3D Chart in ColdFusion

cfchart - 3d chart cfchart3D.cfm <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>cfchart tag: how to use 3d chart in coldfusion</title> </head> <body> <h2 style="color:Crimson; font-style:italic">cfchart example: how to use 3d chart</h2> <hr width="700" align="left" color="LightPink" /> <br /> <cfquery name="qEmployee" datasource="cfdocexamples" maxrows="10"> SELECT FirstName, LastName, Salary FROM EMPLOYEE </cfquery> <cfchart format="png" xaxistitle="First Name" chartheight="400" chartwidth="700" yaxistitle="Salary" showlegend="no" backgroundcolor="E9967A" labelformat="currency" fo...
Read more