Выпуск диаграммы Extjs

Мои данные:

data: [
        [1990,"USA",66,"Canada",53],
        [1992,"USA",66,"Canada",53],
        [1994,"USA",66,"Canada",53],
        [1996,"USA",66,"Canada",53],
        [1998,"USA",66,"Canada",53],
        [2000,"USA",66,"Canada",53],
        [2002,"USA",66,"Canada",53],
        [2004,"USA",66,"Canada",53],
        [2006,"USA",81,"Canada",67],
        [2008,"USA",83,"Canada",46],
        [2010,"USA",61,"Canada",45],
        [2012,"USA",67,"Canada",53],
        [2014,"USA",68,"Canada",43],
        [2016,"USA",68,"Canada",43],
        [2018,"USA",68,"Canada",43],
        [2020,"USA",68,"Canada",43],
        [2022,"USA",67,"Canada",53],
        [2024,"USA",68,"Canada",43],
        [2026,"USA",68,"Canada",43],
        [2028,"USA",68,"Canada",43],
        [2030,"USA",68,"Canada",43],
        [2032,"USA",67,"Canada",53],
        [2034,"USA",68,"Canada",43],
        [2036,"USA",68,"Canada",43],
        [2038,"USA",68,"Canada",43],
        [2040,"USA",68,"Canada",43],
        [2042,"USA",67,"Canada",53],
        [2044,"USA",68,"Canada",43],
        [2046,"USA",68,"Canada",43],
        [2048,"USA",68,"Canada",43],
        [2050,"USA",68,"Canada",43]
    ]

На оси X я показываю годы. Вот скрипка: fiddle
Моя проблема:

Так или иначе, чтобы я мог отображать годы как [1990''''2000'''' '2010''''2020]. Я имею в виду, что их должно быть 4 второстепенных тика за годы, которые не должны быть видны. Любая помощь приветствуется.Спасибо

1 ответ

Решение

Вы можете настроить renderer вашей оси label чтобы вернуть пустое значение для значений года, которые вы не хотите отображать:

{
    type: "Category",
    position: "bottom",
    minorTickSteps: 4,
    majorTickSteps: 5,
    maximum:50,
    minimum:0,
    fields: ["year"],
    title: "Year",

    label: {
        renderer: function(v) {
            return v % 10 === 0 ? v : '';
        }
    }
}
Другие вопросы по тегам