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>

将以下内容粘贴到文件中并将其另存为＆＃34; MyFirstDate.xml＆＃34;。

<?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

ColdFusion 10中包含的CFChart是Zingchart版本120315。更新版的ZingChart有这个json参数

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

然后写一个像

这样的函数

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

您可以从他们的网站下载更新的zingchart库并覆盖cfchart-min.js，但我不确定CF / ZC许可证是否允许这样做。

如何在CFChart的Y轴上显示小时数

2 个答案: