For example, to let users click on the graph to open the page moreinfo.cfm, and pass all three
values to the page, you code the
url="moreinfo.cfm?Series=$SERIESLABEL$&Item=$ITEMLABEL$&Value=$VALUE$"
The variables are not enclosed in # signs like ordinary ColdFusion variables. They are enclosed in
dollar signs. Clicking on a chart that uses this
following form:
http://localhost:8500/tests/charts/moreinfo.cfm?
Series=Department%20Salaries&Item=Training&Value=86000
You can also use JavaScript in the URL to execute client-side scripts. For an example, see
to JavaScript from a pie chart" on page
Dynamically linking from a pie chart
In the following example, when you click a pie wedge, ColdFusion displays a table that contains
the detailed salary information for the departments represented by the wedge. The example is
divided into two parts: creating the detail page and making the pie chart dynamic.
Part 1: creating the detail page
This page displays salary information for the department you selected when you click on a wedge
of the pie chart. The department name is passed to this page using the
To create the detail page:
Create a new application page with the following content:
1
<cfquery name="GetSalaryDetails" datasource="CompanyInfo">
SELECT Departmt.Dept_Name,
Employee.FirstName,
Employee.LastName,
Employee.StartDate,
Employee.Salary,
Employee.Contract
FROM Departmt, Employee
WHERE Departmt.Dept_Name = '#URL.Item#'
AND Departmt.Dept_ID = Employee.Dept_ID
ORDER BY Employee.LastName, Employee.Firstname
</cfquery>
<html>
<head>
<title>Employee Salary Details</title>
</head>
<body>
<h1><cfoutput>#GetSalaryDetails.Dept_Name[1]# Department
Salary Details</cfoutput></h1>
<table border cellspacing=0 cellpadding=5>
<tr>
<th>Employee Name</th>
<th>StartDate</th>
<th>Salary</th>
<th>Contract?</th>
</tr>
<cfoutput query="GetSalaryDetails" >
<tr>
attribute as follows:
url
attribute value could generate a URL in the
url
639.
"Linking
variable.
$ITEMLABEL$
Linking charts to URLs
637
Need help?
Do you have a question about the COLDFUSION MX 61-DEVELOPING COLDFUSION MX and is the answer not in the manual?
Questions and answers