Power BI自定义视觉中如何获取条件格式化的颜色值？

问题出在你直接使用全局默认颜色值，没有针对每个数据点提取条件格式化后的颜色结果。以下是修复步骤：

1. 导入颜色工具类 #

首先在visual.ts顶部导入Power BI官方的颜色工具类，它能帮你处理默认颜色和条件格式的优先级：

import * as colorUtils from "powerbi-visuals-utils-colorutils";

2. 修改update方法中的颜色获取逻辑 #

在循环遍历数据点时，通过ColorHelper获取每个数据点对应的条件格式化颜色，替换原来直接取全局默认值的代码：

public update(options: VisualUpdateOptions) {
    this.formattingSettings = this.formattingSettingsService.populateFormattingSettingsModel(VisualFormattingSettingsModel, options.dataViews[0]);
    
    const dataView: powerbi.DataView = options.dataViews[0];
    const categoricalMapping = dataView.categorical;
    const values = categoricalMapping.values[0];

    // 初始化颜色助手，关联格式设置和数据来源
    const colorHelper = new colorUtils.ColorHelper(
        this.formattingSettingsService,
        this.formattingSettings.dataPointCard.defaultColor,
        values.source
    );

    this.target.innerHTML = "";

    for (let i=0; i < categoricalMapping.categories[0].values.length; i++) {
        const span: HTMLElement = document.createElement("span");
        const categoryValue = categoricalMapping.categories[0].values[i];
        
        span.appendChild(document.createTextNode(categoryValue.toString()));
        span.style.width = `${50 * +values.values[i]}px`;
        
        // 获取当前数据点的条件格式化颜色
        const dataPointObject = values.objects[i];
        const fillColor = colorHelper.getColorForValue(categoryValue, dataPointObject);
        span.style.backgroundColor = fillColor;

        this.target.appendChild(span);
    }
}

3. 验证capabilities配置（关键） #

确保你的capabilities.json中，objects部分的dataPoint配置正确绑定了颜色属性，支持条件格式：

"objects": {
    "dataPoint": {
        "displayName": "Data colors",
        "properties": {
            "defaultColor": {
                "displayName": "Default color",
                "type": {
                    "fill": {
                        "solid": {
                            "color": true
                        }
                    }
                }
            }
        }
    }
}

原理说明 #

当你在Power BI中配置条件格式化后，每个数据点的计算后颜色会被存储在categorical.values[0].objects[i]中。ColorHelper会自动判断：如果当前数据点有条件格式规则匹配，就用规则计算的颜色；否则回退到你设置的默认颜色。

内容的提问来源于stack exchange，提问作者Daniel SH