水平图例React-vis

Question

我对React-vis中的水平图例有一个问题。我用这个道具orientation=“水平”，但没有...

<DiscreteColorLegend width={2000} orientation="horizontal" items={json.items.map((item) => item.name)} colors={json.items.map((item) => item.color)} />

Answer 1

我自己刚刚解决了这个问题。在我的例子中，样式表没有被正确引用。我确实尝试过在js文件的顶部导入它，如下所示：

import '../../../../node_modules/react-vis/dist/style.css';

但是，我后来发现，只有在将/node_modules/react-vis/dist中的style.css文件复制到app/assets/stylesheets中时，样式才能真正起作用，其中我的application.css文件有一条require_tree语句，其中包含有问题的样式表。

这是一种非法的变通方法，因为从/node_modules/react-vis/dist中的主目录导入样式表可能是最佳实践，但它对我很有效。