加入 PowerBI自己学 知识星球:下载源文件,边学边练;遇到问题,提问交流,有问必答。

在柱状图或条形图中将柱子或条形的内部使用渐变色,会让报告看起来更具设计感,减少审美疲劳。

解决方案

上图左侧使用的是PowerBI自带的视觉对象,格式中并没有渐变色这个功能;上图右侧使用的是Deneb视觉对象,通过复制粘贴代码生成视觉对象,按需调整代码参数,就能实现渐变色。

操作步骤

STEP 1 在获取更多视觉对象中,搜索Deneb,添加Deneb视觉对象。

STEP 2 在画布中添加Deneb视觉对象,拖入X轴、Y轴需要的字段,点击视觉对象右上角的三个点,选择编辑,进入编辑窗口。

STEP 3 选择Vega-Lite和empty,点击Create,然后复制粘贴如下现成的代码。

 

{

  "$schema": "https://vega.github.io/schema/vega-lite/v6.json",

  "data": {"name": "dataset"

  },

  "layer":[

  {"mark": {

    "type": "bar",

    "autosize": "fit",

    "color": {

      "x1": 0,

      "y1": 1,

      "x2": 0,

      "y2": 0,

      "gradient": "linear",

      "stops": [

        {

          "offset": 0,

          "color": "lightblue"

        },

        {

          "offset": 1,

          "color": "darkblue"

        }

      ]

    }

  }

  },

  {"mark": {"type": "text", "dy": -10, "fontSize": 12, "color": "gray"},

  "encoding": {

    "text": {"field": "sales", "format": ".1f"}

  }

  }

  ],

  "encoding": {

    "x": {

      "field": "year",

      "title":false,

      "axis":{

        "labelPadding":6,

        "labelAngle":0,

        "labelFontSize":12,

        "labelColor":"gray",

        "ticks":false

      },

      "type": "nominal"

    },

    "y": {

      "field": "sales",

      "title":false,

      "axis":false,

      "type": "quantitative"

    }

  },

"config": {

    "view": {"stroke": "transparent"}

  }

}

STEP 4 因为模型中的字段名称不一致,需要修改代码中的X轴、Y轴、数据标签用到的字段,切换为当前模型的字段。

如需修改颜色,可以修改如下代码,用颜色名称或16位颜色代码都可以。

如需将柱状图调整成条形图,在代码中将x轴和y轴互换名称,然后修改四个坐标调整渐变方向,修改dy(垂直距离)为dx(水平距离)调整数据标签与条形之间的距离。

STEP 5 点击上方的应用按钮,再点击左上角的返回到报表。

STEP 6 在视觉对象的格式窗格中,常规下面打开标题,输入图表名称,完成。

Logo

GitCode 天启AI是一款由 GitCode 团队打造的智能助手,基于先进的LLM(大语言模型)与多智能体 Agent 技术构建,致力于为用户提供高效、智能、多模态的创作与开发支持。它不仅支持自然语言对话,还具备处理文件、生成 PPT、撰写分析报告、开发 Web 应用等多项能力,真正做到“一句话,让 Al帮你完成复杂任务”。

更多推荐