Flex mx:axisrenderer 如何防止标签缩放

发布于 2024-08-08 06:38:38 字数 179 浏览 7 评论 0原文

我有一个折线图,有时包含多个数据点。我已经解决了如何使用自定义标签函数和数据函数来防止水平轴显示太多标签。我的问题是强制 AxisRenderer 不要缩小我的标签。

我正在使用 labelRotation 属性,因此 canDropLabels 和 canStagger 属性不是一个选项。

预先感谢您的回复。

I have a line chart that sometimes contains a number of data points. I have solved how to prevent the horizontal axis from displaying too many labels using custom label functions and data functions. My problem is forcing the AxisRenderer not to scale down my labels.

I'm using the labelRotation property so the canDropLabels and canStagger properties are not an option.

Thanks in advance for any replies.

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

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

发布评论

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

评论(3

知足的幸福 2024-08-15 06:38:38

尝试使用装订线,装订线设置用于轴标签(如果您愿意,可以尝试阅读AxisRenderer的代码,看看它如何使用装订线和其他参数来缩放(如果需要文本)。

您可以按样式设置装订线像这样(这对我有用):

LineChart {
     gutterLeft:50;
     gutterRight:50;
     gutterBottom:50;
}

Try use gutter, gutter set are for the axis labels (if you want u can try to read the code of the AxisRenderer, and see how it use the gutter and other parameters to scale if need the text.

You can set the gutter by style like this (this work for me):

LineChart {
     gutterLeft:50;
     gutterRight:50;
     gutterBottom:50;
}
吻风 2024-08-15 06:38:38

我相信这可以通过编辑 labelRenderer 属性来完成。查看此页面上的第二个示例(格式图表),它们定义一个自定义组件用作标签。你可以做类似的事情来保持你想要的任何外观。

I believe this can be done by editing the labelRenderer property. Take a look at the second example on this page (Formatting charts), they define a custom component to use as the label. You can do something like that to maintain whatever look you want.

堇色安年 2024-08-15 06:38:38

我遇到了同样的问题。就我而言(对于我正在绘制的数据),只需将 canDropLabels 设置为 true (在 ActionScript 或 MXML 中,如下所示)会导致分配的边距变宽(我我猜测)到图表中的标签文本,这样我就从来没有看到文本呈现小于下面 fontSize 设置的大小。尝试一下,它可能就是您所需要的。

hAxisRenderer.setStyle("canDropLabels",true); 
...
<mx:AxisRenderer id="hAxisRenderer" placement="bottom"
tickPlacement="inside" tickLength="8" 
canStagger="false" canDropLabels="false" fontSize="12">

供参考:http://blog.flexexamples .com/2007/10/16/dropping-labels-in-a-flex-chart/

I ran into the same issue. In my case (for the data that I'm plotting), simply setting canDropLabels to true (either in ActionScript or MXML as below) resulted in widening the margins allocated (I'm guessing) to the label text in the chart such that I never saw the text render smaller than set by fontSize below. Try it, it may be all you need.

hAxisRenderer.setStyle("canDropLabels",true); 
...
<mx:AxisRenderer id="hAxisRenderer" placement="bottom"
tickPlacement="inside" tickLength="8" 
canStagger="false" canDropLabels="false" fontSize="12">

For reference: http://blog.flexexamples.com/2007/10/16/dropping-labels-in-a-flex-chart/

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