график не отображает данные точек в ext JS 6.5.2 - PullRequest
Новая
       109

график не отображает данные точек в ext JS 6.5.2

0 голосов
/ 04 мая 2020

На линейной диаграмме точки данных, окруженные нулевыми точками, не отображаются. Например: 

store: {
            fields: ['billperiod', 'charges', 'adjustments', 'receipts'],
            data: [{
                billperiod: 'January 2016',
                charges: 234243.33,
                adjustments: 3423434.12,
                receipts: 2342.22
            }, {
                billperiod: 'February 2016',
                charges: 234243.33,
                adjustments: 3423434.12,
                receipts: 2342.22
            }, {
                billperiod: 'March 2016',
                charges: 234243.33,
                receipts: 2342.22
            }, {
                billperiod: 'April 2016',
                charges: 234243.33,
                adjustments: 3423434.12,
                receipts: 2342.22
            }, {
                billperiod: 'May 2016',
                charges: 234243.33,
                receipts: 2342.22
            }]
        }

В указанном выше хранилище ряд корректировок пропускает точку данных в период счета: «Апрель 2016». В любом случае, я могу добавить точку, я хочу, чтобы линия была прерывистой, но в этой точке была добавлена ​​одна точка данных. Я добавил скрипач, относящийся к тому же. https://fiddle.sencha.com/#fiddle / 35ml & view / editor

Также я приложил скриншоты для ожидаемого и отображаемого в настоящий момент графика из нашей производственной среды.

Ожидаемый график

Текущий граф визуализации

1 Ответ

0 голосов
/ 07 мая 2020

В вашей скрипке вы используете ряд линий для визуализации поля настроек. Поскольку не существует значений для «Март 2016» и «Май 2016», график не может нарисовать линию («Апрель 2016» - это только одна точка данных).

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

type: 'scatter',
title: 'Adjustments',
xField: 'billperiod',
yField: ['adjustments']
...