Не може да принуди броя на тиковете

JSFiddle представляващ проблема.

Виждал съм много решения тук и в Google, но изглежда не работят. Опитах да задам tickSize на 1, да задам отметки като масив или число (15 в този случай) и все още flot lib прави както радва се.

Прочетох 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