Power BI HTML Content图表横向纵向切换技巧

HTML Content是一个非常强大的Power BI 视觉对象，可以在DAX中写入HTML、SVG、CSS、JS自定义图表，还不要钱。

如下使用HTML Content加载了鼠标悬停切换的效果，默认是纵向的，如何变更为横向？

这里维度和HTML度量值都无需任何调整。

在视觉对象设置区域-Stylesheet输入以下语句：

#htmlContent{display: flex; flex-direction: row;}

也可以将以上代码写入度量值，点击Stylesheet右侧的fx进行加载。

CSS = "#htmlContent {display: flex; flex-direction: row;}"

可以看到图表自动变为了横向：

这段CSS代码中，flex-direction改变了显示的方向。

电脑端可在B站观看：

https://www.bilibili.com/video/BV12qiTe7Esb/