Как контролировать размер галочки во флоте

Question

У меня есть базовая гистограмма, которую я представляю в виде плавающего режима (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, слишком велик, особенно когда график отображается в небольших размерах, т.е.240х100.Я прочитал документацию по API, но не могу найти, как контролировать размеры меток.

Возможно ли это ОТБ?

Answer 1

Похоже, вы не можете установить размер шрифта через API, но вы можете использовать css для установки размера меток.

.tickLabel { font-size: 80% }

Answer 2

Вот пример прямо из API:

xaxis:{
   font:{
      size:11,
      style:"italic",
      weight:"bold",
      family:"sans-serif",
      variant:"small-caps"
   }
}

http://flot.googlecode.com/svn/trunk/API.txt

Answer 3

Два приведенных выше ответа не будут работать в последней версии flot, поскольку они больше не используют «настоящий» текст (вместо этого рисуется текст).Вместо этого укажите следующие параметры:

{xaxis: {font: size: some_number}, yaxis: {font: size: some_number}}

(заменять some_number с желаемым размером в пунктах)

Answer 4

Я использовал следующее:

Файл CSS / Файл SCSS

#graph_label .tickLabel{

     font-size: 50%;
  }

Index.html или место, где вы строите область графика

$.plot($("graph_label"), [dataArrayReference], options);

Ссылка: ответ @BrentM выше

PS: я использую Flot Version до 0.8.1, поэтому я не имею представления о том, как будет работать последняя версия