在 Flex Chart 中显示阈值线

发布于 2024-11-26 20:06:29 字数 249 浏览 1 评论 0原文

我坚持在 ColumnChart 上显示水平线以指示阈值水平的要求。我将数据作为 ArrayCollection 保存到图表中。

带阈值线的图表

所以我的问题是:是否可以获取 y 轴上显示的值的位置?我想我可以在图表顶部放置一条线或 1 像素高的画布来实现此目的。或者更好的是,是否有任何我可能忽略的内置功能,或者是否有一些开放库可以实现类似的功能?

I am stuck with a requirement to display a horizontal line on a ColumnChart to indicate a threshold level. I have the data to the Chart as an ArrayCollection.

Chart with Threshold line

So my question here : Is it possible to get the location of a value that is shown on the y axis? I think I will be able to place a line or 1px high canvas on top of the Chart to achieve this. Or better, is there any built in functionality that i may have overlooked or is there some open library that can achieve something like this?

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

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

发布评论

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

评论(1

若水微香 2024-12-03 20:06:29

最简单的解决方案是向图表中添加一个 LineSeries,该图表的 X 轴上的每个项目在 Y 轴上具有相同的值。

您的数据提供程序可以按如下方式生成,柱形图使用“结果”作为其 y 字段,折线图使用“阈值”作为其 y 字段。

<dataset>
  <dataitem>
     <time>16:00</time>
     <result>170</result>
     <threshold>350</threshold>
  </dataitem>
  <dataitem>
     <time>17:00</time>
     <result>430</result>
     <threshold>350</threshold>
  </dataitem>
  <dataitem>
     <time>18:00</time>
     <result>250</result>
     <threshold>350</threshold>
  </dataitem>
</dataset>

The easiest solution is to add a LineSeries to your chart which has the same value on the Y-axis for each item on the X-axis.

Your dataprovider could be produced as follows, with the column chart using "result" for its yField and the line chart using "threshold" as its yField.

<dataset>
  <dataitem>
     <time>16:00</time>
     <result>170</result>
     <threshold>350</threshold>
  </dataitem>
  <dataitem>
     <time>17:00</time>
     <result>430</result>
     <threshold>350</threshold>
  </dataitem>
  <dataitem>
     <time>18:00</time>
     <result>250</result>
     <threshold>350</threshold>
  </dataitem>
</dataset>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文