2014-10-03 2 views
1

내 응용 프로그램에 많은 차트가 있습니다. json을 사용하여 y 축을 더 동적으로 만들 수있는 방법이 있습니까? ColdFusion 11을 사용하고 있습니다. 내 코드를 참조하십시오.ColdFusion 11의 Json을 사용하는 동적 Y 축

<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> 
+0

질문이 명확하지 않습니다. 이제 y 축은 어떻게 생겼으며 어떻게 보이고 싶습니까? –

+0

'cfhart'를 사용하기보다는 ZingCharts를 직접 사용하는 정직성이 실제로 더 쉽습니다. 차트 유형, 서식 지정, 스타일 지정 등을 가지고 놀 수있는 JSON 문자열을 만들 수있는 'Chart Builder'도 있습니다. 그런 다음 CF를 사용하여 비슷한 JSON 문자열을 만들 수 있습니다. - http://www.zingchart.com/ –

+0

@ 디부 야 (Divya) 정확히 당신은 더 역동적으로 만들고 싶습니까? y 축 항목 수? –

답변

1

cfchart의 yAxis 속성을 통해 최대 값 및 단계 간격을 설정할 수 있습니다. 이 값은 동적 일 수 있습니다. 값 "[02004006008001000]을 원할 경우 값 배열을 설정할 수도 있습니다. scalefrom, scaletop 및 간격 (예 : 값 : 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> 
+0

을 참조하십시오. 감사합니다. Alan, 코드 위 코드입니다. 감사합니다. – Lakshmi