我对 React-vis 中的水平图例有疑问。我用了这个 props orientation="horizontal",但什么都没有......
<DiscreteColorLegend width={2000} orientation="horizontal" items={json.items.map((item) => item.name)} colors={json.items.map((item) => item.color)} />
最佳答案
我刚刚自己解决了这个问题。在我的例子中,样式表没有被正确引用。我确实尝试像这样将它导入到我的 js 文件的顶部:
import '../../../../node_modules/react-vis/dist/style.css';
但是,我后来发现样式只有在我将 style.css 文件从/node_modules/react-vis/dist 复制到 app/assets/stylesheets 后才真正起作用,我的 application.css 文件有一个 require_tree 语句,其中包括有问题的样式表。
这是一个有点盗版的解决方法,因为从/node_modules/react-vis/dist 中的主页导入样式表可能是最佳实践,但它对我有用。
关于javascript - 横向图例 React-vis,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57476888/