减少 Flex 图表上轴标签和刻度标记之间的填充

Posted

技术标签:

【中文标题】减少 Flex 图表上轴标签和刻度标记之间的填充【英文标题】:Reduce padding between axis labels and tick markers on Flex charts 【发布时间】:2016-02-29 19:11:41 【问题描述】:

我在 Flex 中有一个 mx.charts.LineChart,我想知道如何减少值标签和刻度标记之间的填充?我在下图中用黄色框突出显示了我所指的区域。

我希望标签尽可能靠近刻度标记,只需几个像素即可。

我只关心将其应用于 x 轴。

我也很想知道如何减少轴标题(例如下图中的 kB 和分钟)和值标签之间的填充。

【问题讨论】:

【参考方案1】:

使用 AxisRenderer 类的 labelGap 样式。

默认为 3 像素,您可以将其设置为 0(如果还不够接近,甚至可以设置为负值)。

对于定位轴标题,没有简单的解决方案。您可以自己编写垂直轴标题,作为图表左上角的标签。一个优点是用户阅读(比垂直书写)要好得多。

【讨论】:

以上是关于减少 Flex 图表上轴标签和刻度标记之间的填充的主要内容,如果未能解决你的问题,请参考以下文章

使锚标记填充父 flex 元素的 100% 高度和宽度,同时垂直和水平居中

excel坐标轴不等间距刻度该怎么设置

Highcharts 图表删除类别(x 轴)上间隔中的现有刻度

如何格式化双对数 x 轴刻度标签以显示为 10 的幂?

matplotlib绘制图表,设置刻度标签最大最小刻度字体大小,label位置刻度轴箭头等

在 D3.js 中创建带有序数刻度的文本标记 x 轴