Невозможно форсировать количество тиков

JSFiddle, представляющий проблему.

Я видел много решений здесь и в Google, но они, похоже, не работают. Я пробовал установить для tickSize значение 1, установить тики как массив или число (в данном случае 15), и все же библиотека флота работает как это радует.

Я столько раз читал документацию по API, что не думаю, что что-то упустил.

Если вы хотите полностью переопределить алгоритм тиков, вы можете указать массив для "тиков",...

Соответствующий фрагмент кода:

xaxis: {
    show: true,
    ticks: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]
}

у кого-нибудь есть решение? Не стесняйтесь редактировать JSFiddle или просто комментировать.

Заранее спасибо!


javascript flot
person Diogo Mendonça    schedule 30.10.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Мне больше повезло определить xaxis за пределами series.

Структура не совсем ясна в документации .

var options = {
    series: {
        bars: {
            show: true,
            fill: true,
            align: 'center'
        },
        shadowSize: 0

    },
    xaxis: {
        show: true,
        ticks: [[1,'test label'],2,3,4,5,6,7,8,9,10,11,12,13,14,15]
    }
};


$(function() {

  var options = {
    series: {
      bars: {
        show: true,
        fill: true,
        align: 'center'
      },
      shadowSize: 0

    },
    xaxis: {
      show: true,
      ticks: [[1,'test label'], 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]
    }
  };

  var d2 = [
    [1, 25],
    [2, 35],
    [3, 15],
    [4, 13],
    [5, 3],
    [6, 8],
    [7, 5],
    [8, 13],
    [9, 3],
    [10, 8],
    [11, 12],
    [12, 15],
    [13, 7],
    [14, 4],
    [15, 1]
  ];

  $.plot($("#placeholder"), [d2], options);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
<h1>Flot Examples</h1> 
<div id="placeholder" style="width:600px;height:300px;"></div>

person showdev    schedule 30.10.2014
comment
Вы правы, пример может быть больше, чем одна строка кода. Перечитывая документацию, я вижу, что мне нужно вспомнить структуру многих абзацев. Наконец-то это сработало, спасибо! - person Diogo Mendonça; 30.10.2014