时间戳

首页 > 解决方案 > 无法在 DevExtreme 中旋转 x 轴上的标签

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

问题描述

我们在 SharePoint 2016 中构建了一个 SPFx Webpart。我们使用 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)

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

元素类型无效：应为字符串（用于内置组件）或类/函数（用于复合组件）但得到：未定义。检查渲染方法ArgumentAxis

我在这里做错了什么？

标签： reactjsdevextremespfxsharepoint-2016

解决方案

对于重叠行为，接受值：“旋转”| '交错' | '无' | '隐藏'，在字符串中。

推荐阅读