cfchart 工具提示弹出格式?

发布于 2024-11-26 10:33:28 字数 275 浏览 0 评论 0原文

有人知道是否可以格式化将鼠标悬停在 ColdFusion 图表上时显示的工具提示(当设置属性tipStyle =“MouseOver”时)?

我希望将其格式化为数字样式以包含两位小数,即使该值为 0(例如:0.00 而不是 0)。我相信这个值也与轴数据格式相关,所以如果完全可以格式化轴编号,那么它可能会延续到工具提示中。

我一直在考虑尝试覆盖 cfchart 标签中内置的 onmouseover 事件的 javascript 函数调用,但我不确定该函数的名称或如何去做。任何想法/建议都会很棒。谢谢。

Would anyone know if it is possible to format the tooltip that displays when hovering over a ColdFusion chart (when the attribute tipStyle = "MouseOver" is set)?

I would like it to be formatted as a number style to include two decimal places, even if the value is 0 (ex: 0.00 instead of just 0). I believe this value ties into the axis data format as well, so if it would be at all possible to format the axis numbers, then it might carry over to the tooltip.

I had been thinking to try and override the javascript function call for the onmouseover event that is built into the cfchart tag, but I am not sure the name of this functionor how to go about doing that either. Any thoughts/suggestions would be great. Thanks.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

悲凉≈ 2024-12-03 10:33:28

您可以自定义注释(即工具提示)。只需指定自定义格式,即 ${value;##.00} 即可显示两位小数。

有关支持的变量列表,请参阅 webcharts3D 实用程序帮助:Designer =>设计=>元素=>参数。

<cfsavecontent variable="style"><?xml version="1.0" encoding="UTF-8"?>
<frameChart>
          <frame xDepth="12" yDepth="11"/>
          <yAxis scaleMin="0" />
          <elements drawShadow="true">
               <morph morph="Grow"/>
          <![CDATA[
X Label = $(colLabel)
X Value = ${value;##.00}
          ]]>
          </elements>
          <decoration style="FrameTopBottom" foreColor="white"/>
          <paint palette="Pastel" isVertical="true" min="47" max="83"/>
          <insets right="5"/>
</frameChart></cfsavecontent>
<cfchart format="png" style="#style#">
    <cfchartseries type="bar">
        <cfchartdata item="Apple" value="50">
        <cfchartdata item="Orange" value="76.8">
        <cfchartdata item="Pear" value="100.634">
    </cfchartseries>
</cfchart>

You could customize the annotation (ie tooltip). Just specify a custom format ie ${value;##.00} to display two decimal places.

For a list of the supported variables see the webcharts3D utility help: Designer => Design => Elements =>Parameters.

<cfsavecontent variable="style"><?xml version="1.0" encoding="UTF-8"?>
<frameChart>
          <frame xDepth="12" yDepth="11"/>
          <yAxis scaleMin="0" />
          <elements drawShadow="true">
               <morph morph="Grow"/>
          <![CDATA[
X Label = $(colLabel)
X Value = ${value;##.00}
          ]]>
          </elements>
          <decoration style="FrameTopBottom" foreColor="white"/>
          <paint palette="Pastel" isVertical="true" min="47" max="83"/>
          <insets right="5"/>
</frameChart></cfsavecontent>
<cfchart format="png" style="#style#">
    <cfchartseries type="bar">
        <cfchartdata item="Apple" value="50">
        <cfchartdata item="Orange" value="76.8">
        <cfchartdata item="Pear" value="100.634">
    </cfchartseries>
</cfchart>
始终不够 2024-12-03 10:33:28

需要注意的是,我认为您无法轻松地在 Javascript 中拦截 cfchart 的 onmouseover 事件,因为 cfchart 使用 Flash 或静态图像,因此您必须执行某种时髦的 ActionScript <-> Javascript 魔法拦截事件。

Just as a note I don't think you could intercept cfchart's onmouseover event in Javascript easily because cfchart uses Flash or static images, so you'd have to do some sort of funky ActionScript <-> Javascript wizardry to intercept the event.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文