ExtJS4 конфигурирует шаг оси в линейной диаграмме - PullRequest
Новая
       19

ExtJS4 конфигурирует шаг оси в линейной диаграмме

2 голосов
/ 17 августа 2011

Я использую ExtJS 4 для рисования очень простой линейной диаграммы: 

Ext.create('Ext.Panel', {
        width:  '100%',
        height: 300,
        hidden: false,
        renderTo: Ext.Element.get('container'),
        layout: 'fit',
        items: {
            xtype: 'chart',
            animate: false,
            store: plots[title]['instances'][instance]['store'],
            axes: [{
                type: 'Numeric',
                position: 'left',
                fields: ['samples'],
                minimum : minimum,
                maximum : maximum,
                grid : true,
                title: plots[title]['yLabel']
            }, {
                type: 'Category',
                position: 'bottom',
                fields: ['time'],
                title: plots[title]['xLabel']
            }],
            series: [{
                type: 'line',
                highlight: {
                    size: 7,
                    radius: 7
                },
                axis: 'left',
                xField: 'time',
                yField: 'samples',
                showMarkers: false,
                style: {
                    fill: '#18428E',
                    stroke: '#18428E',
                    'stroke-width': 3
                },
            }]
        }
    });

Проблема в том, что временные ряды по оси x очень длинные.В результате метки имеют тенденцию перекрываться.Есть ли способ визуализировать только некоторые ярлыки?

Я помню, что это было поведение по умолчанию для ExtJS 3.

Ряд по оси X - это дата, полученная из отметки времени.

1 Ответ

0 голосов
/ 17 декабря 2011

Прежде всего, свойство width должно быть числом. «100%» как строка не работает. Это может или не может быть связано с вашей проблемой.

Во-вторых, вы можете найти более полезным использование Ось времени вместо оси категорий. Категория работает лучше для дискретных значений, таких как дни недели или месяцы года, а не для значений времени. Ось времени имеет конфигурационный «шаг», который должен позволять вам контролировать плотность ваших меток.

И чтобы избавить вас от головной боли, определите конфигурацию "оси" в серии строк как массив ["left", "bottom"]. Насколько я знаю, он недокументирован, но определение только одной оси означает, что границы другой оси не будут соблюдаться должным образом.

...