无法在DevExtreme中旋转x轴上的标签



我们正在SharePoint 2016中构建SPFx Web部件。我们使用DevExtreme通过React显示条形图。x轴上的标签有点长,因此不会显示所有标签。当我们尝试使用下面的代码在x轴上旋转标签时,会抛出一个错误。

<ArgumentAxis>
<Label overlappingBehavior={'rotate'} rotationAngle={90} ></Label>
</ArgumentAxis>

浏览器控制台中的错误如下。

Uncaught (in promise) Error: Minified React error #130; visit http://facebook.github.io/react/docs/error-decoder.html?invariant=130&args[]=undefined&args[]=%20Check%20the%20render%20method%20of%20%60ArgumentAxis%60. for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
at r (sp-webpart-workbench-assembly_en-us.js:188)
at p.i [as _instantiateReactComponent] (sp-webpart-workbench-assembly_en-us.js:174)
at performInitialMount (sp-webpart-workbench-assembly_en-us.js:174)
at p.mountComponent (sp-webpart-workbench-assembly_en-us.js:174)
at Object.mountComponent (sp-webpart-workbench-assembly_en-us.js:174)
at h.mountChildren (sp-webpart-workbench-assembly_en-us.js:174)
at h._createInitialChildren (sp-webpart-workbench-assembly_en-us.js:174)
at h.mountComponent (sp-webpart-workbench-assembly_en-us.js:174)
at Object.mountComponent (sp-webpart-workbench-assembly_en-us.js:174)
at performInitialMount (sp-webpart-workbench-assembly_en-us.js:174)
sp-webpart-workbench-assembly_en-us.js:174 Uncaught TypeError: Cannot read property '__reactInternalInstance$9s1g0il1o7' of null
at Object.u [as getClosestInstanceFromNode] (sp-webpart-workbench-assembly_en-us.js:174)
at r (sp-webpart-workbench-assembly_en-us.js:174)
at i (sp-webpart-workbench-assembly_en-us.js:174)
at r.perform (sp-webpart-workbench-assembly_en-us.js:174)
at Object.batchedUpdates (sp-webpart-workbench-assembly_en-us.js:174)
at Object.i [as batchedUpdates] (sp-webpart-workbench-assembly_en-us.js:174)
at dispatchEvent (sp-webpart-workbench-assembly_en-us.js:174)
localhost:4321/dist/pfizer-sp-tap-web-part.js:96555 Array(4)
localhost:4321/dist/pfizer-sp-tap-web-part.js:96562 Array(18)
localhost:4321/dist/pfizer-sp-tap-web-part.js:96548 Array(36)
sp-webpart-workbench-assembly_en-us.js:174 Uncaught (in promise) TypeError: Cannot read property '_currentElement' of null
at p._updateRenderedComponent (sp-webpart-workbench-assembly_en-us.js:174)
at p._performComponentUpdate (sp-webpart-workbench-assembly_en-us.js:174)
at p.updateComponent (sp-webpart-workbench-assembly_en-us.js:174)
at p.receiveComponent (sp-webpart-workbench-assembly_en-us.js:174)
at Object.receiveComponent (sp-webpart-workbench-assembly_en-us.js:174)
at Object.updateChildren (sp-webpart-workbench-assembly_en-us.js:174)
at h._reconcilerUpdateChildren (sp-webpart-workbench-assembly_en-us.js:174)
at h._updateChildren (sp-webpart-workbench-assembly_en-us.js:174)
at h.updateChildren (sp-webpart-workbench-assembly_en-us.js:174)
at h._updateDOMChildren (sp-webpart-workbench-assembly_en-us.js:174)
/_layouts/15/WsaUpload.ashx:1 Failed to load resource: the server responded with a status of 403 (Forbidden)
2sp-webpart-workbench-assembly_en-us.js?version=1:174 Uncaught (in promise) TypeError: Cannot read property '_currentElement' of null
at p._updateRenderedComponent (sp-webpart-workbench-assembly_en-us.js?version=1:174)
at p._performComponentUpdate (sp-webpart-workbench-assembly_en-us.js?version=1:174)
at p.updateComponent (sp-webpart-workbench-assembly_en-us.js?version=1:174)
at p.receiveComponent (sp-webpart-workbench-assembly_en-us.js?version=1:174)
at Object.receiveComponent (sp-webpart-workbench-assembly_en-us.js?version=1:174)
at Object.updateChildren (sp-webpart-workbench-assembly_en-us.js?version=1:174)
at h._reconcilerUpdateChildren (sp-webpart-workbench-assembly_en-us.js?version=1:174)
at h._updateChildren (sp-webpart-workbench-assembly_en-us.js?version=1:174)
at h.updateChildren (sp-webpart-workbench-assembly_en-us.js?version=1:174)
at h._updateDOMChildren (sp-webpart-workbench-assembly_en-us.js?version=1:174)

错误消息中的链接显示以下描述。

元素类型无效:应为字符串(用于内置组件(或者一个类/函数(用于复合组件(,但是get:undefined。检查ArgumentAxis的渲染方法

我做错了什么?

对于overlapingBehavior,接受值:字符串中的'rotate'|'交错'|'none'|'hide'。

最新更新