labelrenderer оси времени в extjs

Question

Примечание: Это кросс-пост на: extjsForum

, так как я не получил там ответа, поэтому я спрашиваю здесь.

Любой, кто решит ответить на этот пост, может сначала зайти на форум, чтобы убедиться, что вопрос был ответом. :)

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

        visitAndBytesStore = new Ext.data.JsonStore(
        {
            fields :
            [
            {
                name : 'time',
                type : 'string'
//             dateFormat : 'Y-m-d H:i:s'
                    }, 'visits', 'bytes' ]
        });


        var visitAndBytesData =
        [{"time" : "2010-09-17 16:24:06","visits" : "23","bytes" : "4545"},
        {"time" : "2010-09-17 02:23:33","visits" : "3233","bytes" : "3232"},
        {"time" : "2010-09-17 16:23:52","visits" : "456","bytes" : "3242342"},
        {"time" : "2010-09-17 15:23:52","visits" : "6456","bytes" : "2314252"} ];


        visitAndByteChart = new Ext.chart.ColumnChart(
        {
            store : visitAndBytesStore,
            xField : 'time',
            // xAxis : new Ext.chart.TimeAxis(
            // {
            // title : 'time',
            // displayName : 'time',
            // labelRenderer : function(dd)
            // {
            // // return dd.format("m-d")+"\n"+dd.format("H:i");
            // return "";
            // }
            // }),
            yAxis : new Ext.chart.NumericAxis(
            {
                displayName : 'Visits',
                labelRenderer : Ext.util.Format.numberRenderer('0,0')
            }),
            series :
            [
            {
                type : 'column',
                displayName : 'Bytes',
                yField : 'bytes',
                style :
                {
                    color : 0x99BBE8
                }
            },
            {
                type : 'line',
                displayName : 'Visits',
                yField : 'visits',
                style :
                {
                    mode : 'stretch',
                    color : 0x15428B
                }
            } ]
        });

        visitorAndBytesChartPanel = new Ext.Panel(
        {
            iconCls : 'chart',
            title : '&nbsp',
            frame : true,
            renderTo : 'bytes',
            autoWidth : true,
            height : 300,
            layout : 'fit',
            items : visitAndByteChart

        });

Как показано выше, если я использую «строковый» формат поля «время», я не могу обработать формат метки времени на графике, их значения слишком длинные (2010-09-20 23:00: 00 слишком длинное), поэтому они отображаются автоматически.

Это результат: http://awesomescreenshot.com/0e41vu0c0

Я хочу, чтобы все они отображались.

Поэтому я установил для поля «время» значение «дата» (просто удалите комментарии в приведенных выше кодах), И теперь последняя метка на графике может отображаться не полностью, так же как и «точка» на графике, которая инициирует событие наконечника.

Это результат: http://awesomescreenshot.com/04c1vtq94

Есть ли проблемы?

Answer 1

extraStyle: {
  padding: 20
}

С форума