自定义仪表盘样式

背景

在使用仪表盘模块进行配置时，我们需要注意整体布局的设置，以确保保持风格的一致性。配置的内容包括仪表盘的背景设置、每个卡片的背景配置以及每个卡片的详细内容配置。这些设置有助于打造仪表盘的统一外观和功能。

我们以暗黑风格为例。

实现步骤

我们现在可以通过以下方式实现该功能：

第一步：配置图表参数

在织信平台的应用设计中心，首先找到需配置的仪表盘模块，点击「图表参数」，在此处配置全局样式，包括数据刷新频率、仪表盘背景和卡片布局。
要设置背景，请点击仪表盘背景图片板块，上传所需的背景图，然后选中该图片并点击【确认】按钮。

第二步：配置卡片样式

在完成整体布局设置后，我们进入每个卡片的配置阶段，点击【卡片配置】，然后在需要配置的卡片上点击【编辑】图标。
在【卡片样式】中，启用【自定义样式】后，请点击背景图片板块，上传所需的卡片背景图。上传完成后，我们可以配置【背景图片的填充方式】、【水平方向位置】、【垂直方向位置】、【内边距】。我们将在左边的图表视图中实时看到生成的效果，这将有助于实时的样式调整。
接下来，继续进行卡片标题的配置，包括【标题位置】、【标题字体大小】和【标题颜色】。在这里，我们将标题位置设置为居左，标题字体大小选择中号，标题颜色设置为白色【rgba(255, 255, 255, 1)】。

第三步：进行卡片配置

在完成【卡片样式】的设置后，接下来需要配置卡片的参数。首先，点击【卡片配置】，找到【图表设置】板块，并将【柱条的宽度】设置为15
接着，继续向下滚动，找到【标签设置】板块，在这里开启显示标签。对于单一数据，建议将标签位置设置为顶部，以便于数据展示。将标签与图形之间的距离设置为10，并将标签颜色设置为白色【rgba(255, 255, 255, 1)】
接下来，我们继续设置横轴展示样式。点击【横轴】，在【基本信息】板块，打开【显示】的开关，然后设置横轴的名称
在【名称文字样式】，颜色设置为白色【rgba(255, 255, 255, 1)】
然后，在【轴线标签】板块，开启【显示标签】选项。如果统计的数据量较多，我们可以将【旋转角度】设置为45，以便更好地展示数据。设置标签的颜色为白色【rgba(255, 255, 255, 1)】。如果设置了旋转角度，我们可以在【水平对齐】中选择居右。这将有助于优化数据的可视化展示
横轴设置完毕后，我们继续设置纵轴展示样式。点击【纵轴】，在【基本信息】板块，打开【显示】的开关，然后设置纵轴的名称
在【名称文字样式】，颜色设置为白色【rgba(255, 255, 255, 1)】
然后，在【轴线标签】板块，开启【显示标签】选项；设置标签的颜色为白色【rgba(255, 255, 255, 1)】
设置完纵轴样式后，我们继续对显示的图例进行设置
要定义图例的显示名称，请在【图表】—【基本信息】板块中为图表定义名称，该名称将用作图例的显示名称。如果存在多个图例，则需要在多个图表上设置相应的名称。这将有助于标识和区分不同的图例
在【卡片配置】—【图例】模块中的【基本信息】板块，首先打开“显示图例”的开关，然后配置是否允许选择图例。如果选择允许，用户可以点击图例来显示或隐藏相应的数据。这个设置可以让我们更灵活地控制图表上显示的数据
在【图例公共文本样式】板块上，设置图例文本的颜色为白色【rgba(255, 255, 255, 1)】
接下来，我们可以对该卡片进行图表配色。在【卡片配置】—【样式】模块中，找到【调色盘】板块，从上往下依次设置所需的色值。如果不进行手动设置，系统将自动生成色值。这个设置可以帮助美化图表并使其更具可视化吸引力