要编辑自定义可视化代码并打包成 pbiviz 文件,在 Power BI Desktop 上进行可视化,您可以使用以下步骤和代码示例:
步骤 1:安装开发工具
安装 Node.js:在 https://nodejs.org/ 上下载适合您操作系统的 Node.js 安装程序,并进行安装。
安装 pbiviz 工具:打开命令提示符或终端窗口,并运行以下命令安装 pbiviz 工具:
npm install -g powerbi-visuals-tools
步骤 2:创建自定义可视化项目
在命令提示符或终端窗口中,导航到要保存项目的目录。
运行以下命令以创建自定义可视化项目:
pbiviz new customVisual
这将在当前目录下创建一个名为 customVisual 的文件夹,其中包含自定义可视化项目的基本结构和文件。
步骤 3:编辑自定义可视化代码
使用文本编辑器打开 customVisual 文件夹中的 src/visual.ts
文件。
在 Visual
类中,根据您的需求编辑 update
方法以更新可视化的逻辑。您可以使用 D3.js、Plotly.js 或其他 JavaScript 可视化库来实现自定义可视化。
根据需要在 capabilities.json
文件中定义自定义可视化的属性和设置。
步骤 4:构建和打包 pbiviz 文件
在命令提示符或终端窗口中,导航到 customVisual 文件夹。
运行以下命令以构建可视化项目:
pbiviz package
这将生成一个名为 customVisual.pbiviz
的 pbiviz 文件,该文件包含了您的自定义可视化项目的全部内容。
步骤 5:在 Power BI Desktop 上使用自定义可视化
打开 Power BI Desktop,并在“可视化”面板上选择“自定义可视化”。
在右侧的“属性”窗格中,选择“导入”并选择之前生成的 customVisual.pbiviz
文件。
在“可视化”面板中,您将看到您的自定义可视化项目,可以将其拖放到报表中以使用。
这是一个基本的示例,您可以根据需要进一步定制和扩展自定义可视化代码。