powerbi - 如何在 Power BI 中创建可展开的嵌套列表视觉对象

Question

如何在 Power BI 中创建可扩展的嵌套列表视觉对象，如下图所示。我尝试在互联网上搜索，但找不到任何相关内容。

Answer 1

只需使用矩阵视觉对象并右键单击所需的组级别来设置您的切换：

Answer 2

作为自定义视觉对象，您可以使用基本的 Bootstrap 和 jQuery 来开发问题中提到的预期 UI。

如果您不熟悉创建自定义视觉对象，可以按照以下步骤操作：https ://docs.microsoft.com/en-us/power-bi/developer/custom-visual-develop-tutorial

我建议使用 webpack 配置而不是基本的 PBIVIZ。有关更多信息，请访问https://github.com/Microsoft/powerbi-visuals-webpack-plugin#webpack-configuration

您可以在自定义视觉对象的 package.json 文件中安装所需的依赖项。这就是我的基本 package.json 的样子，它可以帮助我创建问题中提到的视觉效果。

{
  "name": "visual",
  "scripts": {
    "pbiviz": "pbiviz",
    "pb-start": "pbiviz start",
    "start": "webpack-dev-server",
    "package": "pbiviz package",
    "cert": "pbiviz --install-cert",
    "develop": "webpack --mode development --watch",
    "build": "webpack --mode production"
  },
  "dependencies": {
    "@babel/core": "^7.4.3",
    "@babel/polyfill": "7.0.0",
    "@babel/preset-env": "^7.4.3",
    "@babel/runtime": "^7.1.5",
    "@babel/runtime-corejs2": "^7.1.5",
    "babel-loader": "^8.0.5",
    "css-loader": "^2.1.1",
    "daterangepicker": "2.1.25",
    "extra-watch-webpack-plugin": "^1.0.3",
    "jquery": "^3.2.1",
    "json-loader": "^0.5.7",
    "less": "3.8.0",
    "less-loader": "^4.1.0",
    "mini-css-extract-plugin": "^0.6.0",
    "moment": "^2.24.0",
    "powerbi-models": "^1.1.0",
    "powerbi-visuals-api": "~2.2.0",
    "powerbi-visuals-utils-dataviewutils": "2.0.1",
    "powerbi-visuals-utils-typeutils": "^2.1.0",
    "powerbi-visuals-webpack-plugin": "^2.1.2",
    "style-loader": "^0.23.1",
    "webpack-visualizer-plugin": "^0.1.11"
  },
  "devDependencies": {
    "@types/node": "^12.0.0",
    "@types/webpack": "^4.4.31",
    "@types/daterangepicker": "^2.1.17",
    "@types/jquery": "^2.0.41",
    "ts-loader": "4.5.0",
    "ts-node": "^8.1.0",
    "typescript": "^3.0.1",
    "webpack": "^4.30.0",
    "webpack-cli": "^3.3.2",
    "webpack-dev-server": "^3.3.1"
  }
}

要创建表格，您必须使用 jQuery 在可视化中创建和附加 HTML。要展开和折叠特定列表，您可以在视觉对象中使用 jQuery/Javascript/Bootstrap。