1

私のアプリケーションには多くのチャートがあります。y 軸を json でより動的にする方法はありますか。私はcoldfusion 11を使用しています。私のコードを見てください

 <cfchart  
         format="#format#"
           chartheight="320" chartwidth="690"  showborder="yes" 
        title="Trend in Subject Rents" style="20currency.js" name="TwntyQtrGraph1" tipstyle="mouseOver" 
        tooltip="#Deserializejson(stc_fields)#"  gridlines="#GraphInterval#">  
         <cfchartseries type="line" 
                 serieslabel="Gross"
                 seriescolor="navy"  markerStyle="diamond" paintStyle="plain" > 
                <cfloop query="qry_subproperty"> 
                     <cfset variables.Yearquarter=ObjPropDetails.JoinYearQuarter(qry_subproperty.Yearquarter)>            
                 <cfchartdata item="#variables.Yearquarter#" value="#round(qry_subproperty.Gross)#" >
                </cfloop>              
            </cfchartseries>
4

1 に答える 1

1

cfchart の yAxis プロパティを使用して、最大値とステップ間隔を設定できます。これらの値は動的にすることができます。"values":[0,200,400,600,800,1000] が必要な場合は、値の配列を設定することもできます。scalefrom 、scaletop および interval(eg values:100:500:10) テクニックは機能していないようです。しかし、先ほど言ったように、max-value と step を使用して同じ結果を得ることができます。

<cfset yAxis = {"min-value":"0","max-value":"1000","step":"200"}>
<cfchart  
     format="#format#" yAxis="#yAxis#" 
       chartheight="320" chartwidth="690"  showborder="yes" 
    title="Trend in Subject Rents" style="20currency.js" name="TwntyQtrGraph1" tipstyle="mouseOver" 
    tooltip="#Deserializejson(stc_fields)#"  gridlines="#GraphInterval#">  
     <cfchartseries type="line" 
             serieslabel="Gross"
             seriescolor="navy"  markerStyle="diamond" paintStyle="plain" > 
            <cfloop query="qry_subproperty"> 
                 <cfset variables.Yearquarter=ObjPropDetails.JoinYearQuarter(qry_subproperty.Yearquarter)>            
             <cfchartdata item="#variables.Yearquarter#" value="#round(qry_subproperty.Gross)#" >
            </cfloop>              
        </cfchartseries>
</cfchart>
于 2014-10-07T14:46:47.523 に答える