如何在CFChart的y轴上显示小时

Question

我想在CFChart的y轴上显示小时数。目前它显示的是数值。我希望y轴显示6am, 9am, 12noon, 3pm等。如有任何帮助，我将不胜感激。

Answer 1

看这个链接

你必须画出y轴的图案。您需要创建图表的样式，并将模式分配给您的y轴。

<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

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

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

然后写一个像 这样的函数

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

你可以从他们的网站上下载一个最新的zingchart库并覆盖cfchart-min.js，但我不确定CF/ZC许可是否允许。