Флот ксаксис Клещи не отображаются

Question

Хорошо, у меня есть гистограмма с накоплением флетов, отображающая некоторую информацию, теперь все это работает отлично, за исключением xaxis.

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

Ниже мой код для xaxis:

 var options = {
    series: {stack: 0,
             lines: {show: false, steps: false },
             bars: {show: true, barWidth: 0.5, align: 'center',},},
    xaxis: {ticks: [[1,' Yesterday'], [2,'Two'], [3,'Three'], [4,'Four'], [5,'Five'], [6,'Six'], [7,'Seven'], [8,'Eight'], [9,'Nine'], [10,'Ten'], [11,'Eleven'], [12,'Twelve'], [13,'Thirteen'], [14,'fourteen']]},
    xaxis: { tickColor: 'transparent' }
};

$.plot($(css_id), data, options);
}); 

А вот раздел настройки:

  xaxis: {
                show: true, // null = auto-detect, true = always, false = never
                position: "bottom", // or "top"
                mode: null, // null or "time"
                color: "#990000", // base color, labels, ticks
                tickColor: null, // possibly different color of ticks, e.g. "rgba(0,0,0,0.15)"
                transform: null, // null or f: number -> number to transform axis
                inverseTransform: null, // if transform is set, this should be the inverse function
                min: null, // min. value to show, null means set automatically
                max: null, // max. value to show, null means set automatically
                autoscaleMargin: null, // margin in % to add if auto-setting min/max
                ticks: null, // either [1, 3] or [[1, "a"], 3] or (fn: axis info -> ticks) or app. number of ticks for auto-ticks
                tickFormatter: null, // fn: number -> string
                labelWidth: null, // size of tick labels in pixels
                labelHeight: null,
                reserveSpace: null, // whether to reserve space even if axis isn't shown
                tickLength: null, // size in pixels of ticks, or "full" for whole line
                alignTicksWithAxis: null, // axis number or null for no sync

                // mode specific options
                tickDecimals: null, // no. of decimals, null means auto
                tickSize: null, // number or [number, "unit"]
                minTickSize: null, // number or [number, "unit"]
                monthNames: null, // list of names of months
                timeformat: null, // format string to use
                twelveHourClock: false // 12 or 24 time in time mode
            },

Я попытался изменить почти все и посмотрел на разные посты, но ничто не меняет значения. Я могу делать простые вещи, такие как изменение цвета и т.д., и поэтому мне интересно, если я что-то не так.

Мы ценим любые предложения.

Спасибо

Answer 1

Вы удвоили свою конфигурацию xaxis, поэтому вторая перезаписывает первую.

Это:

xaxis: {ticks: [[1,' Yesterday'], [2,'Two'], [3,'Three'], [4,'Four'], [5,'Five'], [6,'Six'], [7,'Seven'], [8,'Eight'], [9,'Nine'], [10,'Ten'], [11,'Eleven'], [12,'Twelve'], [13,'Thirteen'], [14,'fourteen']]},
xaxis: { tickColor: 'transparent' }

Должно быть:

xaxis: {
    ticks: [[1,' Yesterday'], [2,'Two'], [3,'Three'], [4,'Four'], [5,'Five'], [6,'Six'], [7,'Seven'], [8,'Eight'], [9,'Nine'], [10,'Ten'], [11,'Eleven'], [12,'Twelve'], [13,'Thirteen'], [14,'fourteen']],
    tickColor: 'transparent'
},