Отображающие бары с флотом

Question

Вопрос с моими галактическими галочками, только первый тик показывает в крайнем правом углу графика, и никакие полосы не отображаются. У меня такое чувство, что я пропустил что-то очевидное.

Желаемая решение: Показать все XAxis тиков и сюжет бруски соответственно

Associated код:

$.plot($("#chart"), results, { 
    grid: { 
     hoverable: true, 
     aboveData: true 
    }, 
    xaxis: { 
     ticks: [ 
      [1, "AL"], 
      [2, "AZ"], 
      [3, "CA"], 
      [4, "CO"], 
      [5, "CT"], 
      [6, "DE"], 
      [7, "FL"], 
      [8, "GA"], 
      [9, "HI"], 
      [10, "IA"], 
      [11, "IL"], 
      [12, "IN"], 
      [13, "KS"], 
      [14, "KY"], 
      [15, "LA"], 
      [16, "MA"], 
      [17, "MD"], 
      [18, "ME"], 
      [19, "MI"], 
      [20, "MN"], 
      [21, "MO"], 
      [22, "MS"], 
      [23, "NC"], 
      [24, "NE"], 
      [25, "NJ"], 
      [26, "NM"], 
      [27, "NY"], 
      [28, "OH"], 
      [29, "OK"], 
      [30, "OR"], 
      [31, "PA"], 
      [32, "RI"], 
      [33, "SC"], 
      [34, "TN"], 
      [35, "TX"], 
      [36, "UT"], 
      [37, "VA"], 
      [38, "WA"], 
      [39, "WV"] 
     ], 
     tickSize: 1, 
     tickLength: 1 
    }, 
    grid: { 
     hoverable: true, 
     clickable: false, 
     borderWidth: 1 
    }, 
    legend: { 
     labelBoxBorderColor: "none", 
     position: "ne", 
     margin: [-100, 0] 
    }, 
    series: { 
     bars: { 
      show: true, 
      align: "center", 
      horizontal: "true" 
     } 
    } 
}); 

JSFiddle:http://jsfiddle.net/emaM7/

Answer 1

Я думаю, проблема может быть просто, что вы используете нечисловые значения X в своих данных. Я добавил этот код перед тем, как позвонить:

for (i = 0; i < results.length; i++) { 
    for (j = 0; j < results[i].data.length; j++) { 
     results[i].data[j][0] = j; 
    } 
} 

с этим графиком отображается как на этикетках.

Возможно, вы захотите использовать немного более сложную логику для выбора правильного числового кода для каждого состояния, поскольку то, что я написал, не будет работать, если у вас есть состояния, отсутствующие или не имеющие порядка в объекте «результаты».