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

Posted 2023-03-14

【中文标题】图表未在 extJS 6.5.2 中呈现数据点

【英文标题】：graph not rendering data points in extJS 6.5.2

【发布时间】：2020-05-04 10:49:58

【问题描述】：

在折线图中，被空点包围的数据点不会被渲染。 例如：

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

【问题讨论】：

对此我有任何建议，因为此时我真的很震惊。

【参考方案1】：

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

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

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

【讨论】：

所以我们可以在正常情况下使用它来实现。但是我无法使用我的配置来做到这一点，所以我只是为这些点使用了标记。无论如何，谢谢。