PowerBI报告可视化-Deneb渐变色柱状图或条形图

加入 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 在视觉对象的格式窗格中，常规下面打开标题，输入图表名称，完成。