extreact - ExtReact - ExtCartesian - ExtChart - [Ext.create] 无法识别的类名/别名：widget.cartesian

Question

我使用 ExtReact。我从文档构建图表列。然而它失败了。消息错误

代码在这里

Ext.require([
  'Ext.chart.series.Bar',
  'Ext.chart.axis.Numeric',
  'Ext.chart.axis.Category'
]);

数据

 const data = [
    { month: 'Jan', high: 14.7, low: 5.6 },
    { month: 'Feb', high: 16.5, low: 6.6 },
    { month: 'Mar', high: 18.6, low: 7.3 },
    { month: 'Apr', high: 20.8, low: 8.1 },
    { month: 'May', high: 23.3, low: 9.9 },
  ];
  const store = Ext.create('Ext.data.Store', {
    fields: [
      'month',
      'high',
      'low',
    ],
    data: data,
  });

应用渲染

  return (
      <Cartesian
        store={store}
        axes={[{
          type: 'numeric',
          position: 'left',
          title: 'Number of Hits',
        }, {
          type: 'category',
          position: 'bottom',
        }]}
        series={[{
          type: 'bar',
          xField: 'month',
          yField: 'high'
        }]}
      />

链接示例：

https://examples.sencha.com/ExtReact/7.4.0/kitchensink/#/charts/column/basic_column