在数据驱动决策的时代,图表成为数字的翻译官,在各个场景中都能用到。
其中条形图以直观的横向对比为特点,成为业务分析、学术研究、商业报告中的核心载体。
条形图图表又可以分为分组条形图和基础条形图。这两个图表是我们很常见的一种可视化图表展示,今天我们用JVS-智能BI的可视化图表来配置基础条形图,用它来展示出条形图图表的独有样式配置。
样式配置
进入到图表设计,点击选择基础条形图,选择后点击【样式】下的【自定义样式】。就可以看到大致分为【图表设置】、【标题设置】、【X轴】、【Y轴】、【目标线】、【图例设置】、【组件外观】这几个大的模块。
图表设置
点开【配色方案】,可选择该条形图组件的主题颜色以及是否开启渐变。
图形配置,主要是对条形图内部柱体的相关配置。主要有柱体样式、背景、宽度、间距、描边以及圆角的样式设置。以下为具体配置方式。
柱体样式即不同呈现展示效果,根据不同的选择给到不同的样式。
柱体宽即见名知意,即是柱体的宽度调整。值越大则越宽。
柱体间距是发生在同组数据里面的相邻间距调整。
柱体圆角即是给柱体的四个边角设置圆弧,圆弧的弧度取决于设置的圆角大小。柱体圆角越大,则设置的圆弧弧度越圆。
描边就是给柱状图的每个柱体进行描边处理,可定义描边样式、颜色以及粗细。柱子背景即是未填充的柱子部分背景颜色。
【显示数据】一般用于你数据集选择后,字段和维度的展示。打开显示数据后,可定义数据显示的文字大小颜色、粗细、斜体、上下边距。
显示位置可定义显示数据在每个柱状的什么位置,可分为内部居中、左侧、右侧、内右侧、内左侧五种。现在分别展示五种方式最后的效果。
开启提示信息的话,开启后当鼠标经过到折线图上的某一块儿时,那么就会显示出该块儿的信息提示。
x轴和y轴设置是一样的,区别就是一个为横轴一个为纵轴。这里就描述一下y轴的样式相关配置,x轴进行类比即可。
我们点开y轴,可以看到轴标签可设置轴标签的文字大小、颜色、粗细、斜体等。还可定义其标签的倾斜角度。
显示轴线即轴标签和柱状图之间的分界线,为让轴线显示更加明显看得更加清晰。这边使用显眼颜色并加宽字体大小以供展示效果。
显示网格线即是x轴的网格线,勾选后可定义网格线的线条、粗细以及颜色。这里用显眼的黑色加以区分,以看到实际效果。
【目标线】即添加一条目标线,用于用户更方便查看那些数据达成目标。点开目标线,选择添加目标线。
添加目标线,需给出目标线名称、定义目标线种类(可分为自定义、平均值、最大值、最小值)、目标线样式、颜色、大小。以及目标线显示内容是数值还是名称还是名称+数值,同时亦可设置文本标签的大小、样式和颜色。以及文本标签所处的位置是在线的开始顶部、底部、还是居中或末尾顶部或底部。
在线demo:bi.bctools.cn
gitee地址:gitee.com/software-mi…