图形未在extJS 6.5.2中呈现数据点

Question

在折线图中，不显示由空点包围的数据点。对于前：

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年4月”。无论如何，我可以在此处添加一个点，但我希望该行不连续，但要在该点添加一个数据点。我添加了一个与此有关的提琴手。https://fiddle.sencha.com/#fiddle/35ml&view/editor

此外，我还附上了我们生产环境中预期和当前渲染图形的屏幕截图。

Expected graph

Current rendered graph

Answer 1

在您的小提琴中，您使用线系列来可视化调整字段。因为没有“ 2016年3月”和“ 2016年5月”的值，所以该图形无法画线（“ 2016年4月”只是一个数据点）。

您可以使用scatter series为每个数据点添加点。用相同的配置替换系列或只是一个新系列：

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