在Coldfusion中使用Json的動態Y軸11

我的應用程序中有很多圖表有沒有什麼方法可以讓j軸更具動態性。我使用的ColdFusion 11.請看看我的代碼在Coldfusion中使用Json的動態Y軸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>

來源

2014-10-03 Lakshmi

問題不明確。你的y軸現在是什麼樣子？你覺得它怎麼樣？ – 2014-10-03 12:10:01

誠實，直接使用ZingCharts，而不是通過使用'cfhart'，實際上更容易。他們甚至有一個「圖表生成器」，允許你創建一個JSON字符串，允許你使用圖表類型，格式，樣式等等。然後你可以使用CF來構建一個類似的JSON字符串。 - http://www.zingchart.com/ – 2014-10-03 12:31:37

@Divya你想讓更多的動態變成什麼樣子？ y軸項目的數量？ – 2014-10-06 15:14:41

您可以通過cfchart的y軸屬性設置的最高值和步進間隔。這些值可以是動態的。如果您想要「值」，您還可以設置一組值：[0,200,400,600,800,1000]。 scalefrom，scaletop和間隔（例如值：100：500：10）技術似乎不起作用。但就像我說的，你可以使用最大值和步長得到相同的結果。

<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-07 14:46:47

謝謝艾倫，上面的代碼working.thank你非常 – Lakshmi 2014-10-08 06:57:08

在Coldfusion中使用Json的動態Y軸11

回答

相關問題