2009-02-13 9 views

Répondre

4

Cela peut être fait en utilisant XML personnalisé. J'ai couru le Chart Designer (cfinstall/cartographie/webcharts.bar (ou .sh) et simplement travaillé avec la mise en axeY Il y a un cadre isReversed qui fait ce que vous voulez Considérez ce code:..

<cfset q2 = queryNew("year,employees","integer,integer")> 
<!--- generate random sales data ---> 
<cfloop index="y" from="1994" to="1998"> 
    <cfscript> 
    queryAddRow(q2); 
    querySetCell(q2, "year", y); 
    querySetCell(q2, "employees", randRange(2,8)); 
    </cfscript> 
</cfloop> 

<cfsavecontent variable="chartxml"> 
<?xml version="1.0" encoding="UTF-8"?> 
<frameChart is3D="false"> 
<yAxis isReversed="true">  
</yAxis> 
</frameChart> 
</cfsavecontent> 

<cfchart chartWidth="400" chartHeight="400" title="Sales" font="arial" style="#chartxml#"> 
    <cfchartseries type="line" query="q2" itemColumn="year" valueColumn="employees" seriesLabel="Employees" /> 
</cfchart> 

La requête Le XML venait du concepteur de graphiques.J'ai tout enlevé, sauf les trucs de yAxis qui utilisait isReverse Enfin, notez comment je spécifie le style dans la balise graphique

+0

Merci de jouer avec WebCharts pour obtenir look de graphique nécessaire. – Sergii