折线图设置 scale 类型为 timeCat 时，在火狐上不展示

[visiky]

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://g2plot.antv.vision/en/examples/line/basic#line

Steps to reproduce

https://g2plot.antv.vision/en/examples/line/basic#line

Environment	Info
g2	4.1.7
System	-
Browser	FireFox

[visiky]

复现代码：

当时间数据为 ’YYYY‘ 时没问题，如: [{ Date: '2020', scale: 111 }, ....]

import { Chart } from '@antv/g2';

const data = [
  {
    "Date": "2010-01",
    "scales": 1998
  },
  {
    "Date": "2010-02",
    "scales": 1850
  },
  {
    "Date": "2010-03",
    "scales": 1720
  },
  {
    "Date": "2010-04",
    "scales": 1818
  },
  {
    "Date": "2010-05",
    "scales": 1920
  },
  {
    "Date": "2010-06",
    "scales": 1802
  },
  {
    "Date": "2010-07",
    "scales": 1945
  },
  {
    "Date": "2010-08",
    "scales": 1856
  },
  {
    "Date": "2010-09",
    "scales": 2107
  },
  {
    "Date": "2010-10",
    "scales": 2140
  },
  {
    "Date": "2010-11",
    "scales": 2311
  },
  {
    "Date": "2010-12",
    "scales": 1972
  },
  {
    "Date": "2011-01",
    "scales": 1760
  },
  {
    "Date": "2011-02",
    "scales": 1824
  },
  {
    "Date": "2011-03",
    "scales": 1801
  },
  {
    "Date": "2011-04",
    "scales": 2001
  },
  {
    "Date": "2011-05",
    "scales": 1640
  },
  {
    "Date": "2011-06",
    "scales": 1502
  },
  {
    "Date": "2011-07",
    "scales": 1621
  },
  {
    "Date": "2011-08",
    "scales": 1480
  },
  {
    "Date": "2011-09",
    "scales": 1549
  },
  {
    "Date": "2011-10",
    "scales": 1390
  },
  {
    "Date": "2011-11",
    "scales": 1325
  },
  {
    "Date": "2011-12",
    "scales": 1250
  },
  {
    "Date": "2012-01",
    "scales": 1394
  },
  {
    "Date": "2012-02",
    "scales": 1406
  },
  {
    "Date": "2012-03",
    "scales": 1578
  },
  {
    "Date": "2012-04",
    "scales": 1465
  },
  {
    "Date": "2012-05",
    "scales": 1689
  },
  {
    "Date": "2012-06",
    "scales": 1755
  },
  {
    "Date": "2012-07",
    "scales": 1495
  },
  {
    "Date": "2012-08",
    "scales": 1508
  },
  {
    "Date": "2012-09",
    "scales": 1433
  },
  {
    "Date": "2012-10",
    "scales": 1344
  },
  {
    "Date": "2012-11",
    "scales": 1201
  },
  {
    "Date": "2012-12",
    "scales": 1065
  },
  {
    "Date": "2013-01",
    "scales": 1255
  },
  {
    "Date": "2013-02",
    "scales": 1429
  },
  {
    "Date": "2013-03",
    "scales": 1398
  },
  {
    "Date": "2013-04",
    "scales": 1678
  },
  {
    "Date": "2013-05",
    "scales": 1524
  },
  {
    "Date": "2013-06",
    "scales": 1688
  },
  {
    "Date": "2013-07",
    "scales": 1500
  },
  {
    "Date": "2013-08",
    "scales": 1670
  },
  {
    "Date": "2013-09",
    "scales": 1734
  },
  {
    "Date": "2013-10",
    "scales": 1699
  },
  {
    "Date": "2013-11",
    "scales": 1508
  },
  {
    "Date": "2013-12",
    "scales": 1680
  },
  {
    "Date": "2014-01",
    "scales": 1750
  },
  {
    "Date": "2014-02",
    "scales": 1602
  },
  {
    "Date": "2014-03",
    "scales": 1834
  },
  {
    "Date": "2014-04",
    "scales": 1722
  },
  {
    "Date": "2014-05",
    "scales": 1430
  },
  {
    "Date": "2014-06",
    "scales": 1280
  },
  {
    "Date": "2014-07",
    "scales": 1367
  },
  {
    "Date": "2014-08",
    "scales": 1155
  },
  {
    "Date": "2014-09",
    "scales": 1289
  },
  {
    "Date": "2014-10",
    "scales": 1104
  },
  {
    "Date": "2014-11",
    "scales": 1246
  },
  {
    "Date": "2014-12",
    "scales": 1098
  },
  {
    "Date": "2015-01",
    "scales": 1189
  },
  {
    "Date": "2015-02",
    "scales": 1276
  },
  {
    "Date": "2015-03",
    "scales": 1033
  },
  {
    "Date": "2015-04",
    "scales": 956
  },
  {
    "Date": "2015-05",
    "scales": 845
  },
  {
    "Date": "2015-06",
    "scales": 1089
  },
  {
    "Date": "2015-07",
    "scales": 944
  },
  {
    "Date": "2015-08",
    "scales": 1043
  },
  {
    "Date": "2015-09",
    "scales": 893
  },
  {
    "Date": "2015-10",
    "scales": 840
  },
  {
    "Date": "2015-11",
    "scales": 934
  },
  {
    "Date": "2015-12",
    "scales": 810
  },
  {
    "Date": "2016-01",
    "scales": 782
  },
  {
    "Date": "2016-02",
    "scales": 1089
  },
  {
    "Date": "2016-03",
    "scales": 745
  },
  {
    "Date": "2016-04",
    "scales": 680
  },
  {
    "Date": "2016-05",
    "scales": 802
  },
  {
    "Date": "2016-06",
    "scales": 697
  },
  {
    "Date": "2016-07",
    "scales": 583
  },
  {
    "Date": "2016-08",
    "scales": 456
  },
  {
    "Date": "2016-09",
    "scales": 524
  },
  {
    "Date": "2016-10",
    "scales": 398
  },
  {
    "Date": "2016-11",
    "scales": 278
  },
  {
    "Date": "2016-12",
    "scales": 195
  },
  {
    "Date": "2017-01",
    "scales": 145
  },
  {
    "Date": "2017-02",
    "scales": 207
  }
];
const chart = new Chart({
  container: 'container',
  autoFit: true,
  height: 500,
});

chart.data(data);
chart.scale({
  Date: {
    // type: 'timeCat',
    range: [0, 1],
  },
  value: {
    min: 0,
    nice: true,
  },
});
chart.line().position('Date*scales').label('scales');
chart.point().position('Date*scales');

chart.render();

[hustcc]

应该还是底层 scale 的 bug 了，带来的浏览器兼容问题。

[pearmini]

scale 会把'2020-10' 这种格式的日期转化成 '2020/10'，而在 firefox 浏览器里面 new Date('2020/10') 返回的是 invalid data，所以会出现问题。目前的解决办法是传入 firefox 能支持的时间格式，比如处理一下 data：

const scales = data.map(({Date, scales}) => ({
  scales,
  Date: `${Date}-01`
}));

[hustcc]

@pearmini 如果不处理就直接关闭，不要认领了，但是一直不动。

[pearmini]

@pearmini 如果不处理就直接关闭，不要认领了，但是一直不动。

嗯嗯，这个问题当时和 @visiky 讨论后没有太好的解法，最好的就是用户处理一下，忘记关闭了😅