需要在三列中显示三个 Apache Trinidad 图表,而不是默认的两列

发布于 2024-11-15 23:45:02 字数 846 浏览 2 评论 0原文

我使用 Apache Trinidad 图表组件创建了三个图表,但在自定义图表的显示时遇到问题。默认情况下,图表(或我的例子中的仪表)显示在两列中,以便第三个图表显示在第一行下方的第二行上。 (参见下图示例)。

我希望仪表显示在三列中,以便它们全部并排位于同一行。我已经查看了该组件的所有属性,但仍然不知道如何操作。

(请参阅此处的属性。 http://myfaces.apache.org/ trinidad/trinidad-api/tagdoc/tr_chart.html)

我在 jsp 中使用的代码如下所示。

<tr:chart id="orderStatusGauge" type="circularGauge" 
value="#{orderStatusBacking.gaugeModel}" YMinorGridLineCount="4"
inlineStyle="width:450px; height:325px;"/>

我已经尝试过调整内联样式的宽度和高度,但这似乎不是问题。

有什么想法吗?我们将不胜感激所有帮助。

示例 http://www.vogella.de/articles/ApacheMyFaces/images/graphics10 .gif

I have created three charts using the Apache Trinidad chart component and I am having trouble customizing the display of the charts. By default, the charts (or gauges in my case) are displayed in two columns so that the third charts is displayed on a second row beneath the first. (See image below for an example).

I would the gauges to be displayed in three columns so that they are all on the same row side by side. I have looked at all the attributes for the component but still can not figure out how to do it.

(See the attributes here. http://myfaces.apache.org/trinidad/trinidad-api/tagdoc/tr_chart.html)

The code I am using in my jsp is shown below.

<tr:chart id="orderStatusGauge" type="circularGauge" 
value="#{orderStatusBacking.gaugeModel}" YMinorGridLineCount="4"
inlineStyle="width:450px; height:325px;"/>

I have already tried to adjust the inline style width and height and that doesn't seem to be the issue.

Any ideas? All help will be greatly appreciated.

Example http://www.vogella.de/articles/ApacheMyFaces/images/graphics10.gif

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

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

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文