flot - 我如何控制浮标中的刻度标签大小

Question

我有一个基本的条形图，我在 flot 中展示(5 个条形，显示每个状态的百分比)。

$.plot($("#placeholder"), [
    {
        label: 'Failed',
        data: [[0,10]],
        bars: { show: true }
    },
    {
        label: 'Passed',
        data: [[1,15]],
        bars: { show: true }
    },
    {
        label: 'Not Run',
        data: [[2,30]],
        bars: { show: true }
    },
    {
        label: 'Blocked',
        data: [[3,5]],
        bars: { show: true }
    },
    {
        label: 'In Progress',
        data: [[4,40]],
        bars: { show: true }
    }
],
{
    xaxis: {
        ticks: [[0.5, "Failed"], [1.5, "Passed"], [2.5, "Not Run"], [3.5, "Blocked"], [4.5, "In Progress"]]
    },
    legend: {
        show: false
    }
});

我发现用于 x 轴上刻度值的字体有点太大了，尤其是当图形以小尺寸显示时，即。 240x100。我已阅读 API 文档，但找不到如何控制刻度标签大小。

这可能是OOTB吗？

Answer 1

您似乎无法通过 API 设置字体大小，但您可以使用 css 设置刻度标签的大小。

.tickLabel { font-size: 80% }