图表不在 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
            }]
        }

在上面的存储中，调整系列在 billperiod 处遗漏了一个数据点：'April 2016'。无论如何，我可以在那里添加一个点，我希望这条线是不连续的，但在该点添加一个数据点。我添加了一个与此相关的小提琴手。 https://fiddle.sencha.com/#fiddle/35ml&view/editor

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

Expected graph

Current rendered graph

Answer 1

在您的 fiddle 中，您使用线系列来可视化调整字段。因为 'March 2016' 和 'May 2016' 没有值，所以图表无法画线（'April 2016' 只是一个数据点）。

您可以使用 scatter series 为每个数据点添加点。要么更换线系列，要么只是一个具有相同配置的新系列：

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

图表不在 extJS 6.5.2 中呈现数据点

graph not rendering data points in extJS 6.5.2

extjs

extjs4

extjs6.5