如何在CFChart的Y軸上顯示小時數

Question

我想在CFChart的Y軸上顯示小時數。目前它正在顯示數值。我希望Y軸顯示6am,9am,12noon,3pm等。任何幫助將不勝感激。

在此先感謝。

Answer 1

看這個link

你有你的格局y軸。您需要創建圖表的樣式並將模式分配給yaxis。

<CFCHART style="MyFirstDate.xml" .....> 
    <CFCHARTSERIES type="line" 
       query=qGetValsByDate 
       itemColumn="xxxx" 
       valueColumn="thedate" 
       dataLabelStyle="none"/> 
</CFCHART> 

將以下內容粘貼到文件中並將其另存爲「MyFirstDate.xml」。

<?xml version="1.0" encoding="UTF-8"?> 
<frameChart is3D="false">  
<yAxis type="DateTime" isBucketed="true"> 
    <labelFormat style="DateTimePattern" pattern="h:mm tt"/> 
    <parseFormat style="DateTimePattern" pattern="h:mm tt"/> 
    <dateTimeStyle majorUnit="Hour" minorUnit="Hour" minorStep="2"/> 
    <labelStyle isMultiline="false" isHideOverlapped="true" orientation="Vertical"/> 
</yAxis>  
</frameChart> 

我沒有測試代碼，但我做了類似的，所以它會工作。希望這會有所幫助。

Answer 2

的CFChart列入的ColdFusion 10 Zingchart版本120315. 更多ZingChart的最新版本有此JSON參數

"scale-y": { 
    "format": "javascript:formatScaleY" 
} 

然後寫像

formatScaleY(v) { 
    return v+"am"; 
} 

功能，您可以下載最新的zingchart庫，並覆蓋cfchart-min.js，但我不確定CF/ZC許可證是否允許這樣做。