柱状图表是一种直观、简洁并且易于理解的数据呈现方式,广泛应用于各个领域的数据展示和分析中。无论是市场趋势分析、销售业绩对比,还是财务报表解读,柱状图表都能清晰的展示数据效果。
今天跟大家聊一聊在JVS-智能BI可视化图表中,柱状图、百分比柱状图的独有样式配置。
样式配置
进入图表设计中,点击选择基础柱状图,选择后点击【样式】下的【自定义样式】。就可以看到大致分为【图表设置】、【标题设置】、【X轴】、【Y轴】、【目标线】、【图例设置】、【组件外观】这几个大的模块。
图表设置
点开【配色方案】,可选择该柱状图组件的主题颜色以及是否开启渐变。
图形配置,主要是对柱状图内部的相关配置。主要有柱体样式、背景、宽度、间距、描边以及圆角的样式设置。以下为具体配置方式。
柱体样式的话即是不同样子的一个呈现方式,可根据实际选择自己想要的样式。直接点击即可使用,以下为配置详情。
【柱体宽】即为单个柱体的宽度大小,默认为0%。宽度设置越大,则柱体越宽。【柱体间距】即相邻柱体间的间隔距离,同样也是设置越大,间距越宽。
【柱体圆角】即是每个柱体的四个角设置圆弧,圆弧设置越大,柱体边缘越圆。
描边就是给柱状图的每个柱体进行描边处理,可定义描边样式、颜色以及粗细。柱子背景即是未填充的柱子部分背景颜色。
【显示方式】分为堆积显示和分组显示,如果前面样式选择的是“标准”,那么这两者都无异。如果选择的是其他样式,则分组显示代表原本的样式,堆积显示为“标准”样式。
【显示数据】一般用于你数据集选择后,字段和维度的展示。打开显示数据后,可选择维度、度量、百分比。可同时选多个值进行选择,显示的文字大小颜色、粗细、斜体、上下边距都可自定义选择。
显示位置可定义显示数据是位于柱状图什么位置,可分为顶部、内部居中、内部顶部、内部底部四种。现在分别展示四种方式最后的效果。
启用迷你图,即是缩去x和y轴的数据,只看得到柱子。直接看下图展示即可。
数据缩放即下方会出现一个缩放条,可根据此条自由缩放展示的数据。
开启提示信息的话,开启后当鼠标经过到柱状图上的某一块儿时,那么就会显示出该块儿的信息提示。
x轴和y轴设置是一样的,区别就是一个为横轴一个为纵轴。这里就描述一下x轴的样式相关配置,y轴进行类比即可。
我们点开x轴,可以看到轴标签可设置轴标签的文字大小、颜色、粗细、斜体等。还可定义其标签的倾斜角度。
显示轴线即轴标签和柱状图之间的分界线,为让轴线显示更加明显看得更加清晰。这边使用显眼颜色并加宽字体大小以供展示效果。
显示网格线即是x轴的网格线,勾选后可定义网格线的线条、粗细以及颜色。这里用显眼的黑色加以区分,以看到实际效果。
目标线即添加一条目标线,用于用户更方便查看那些数据达成目标。点开目标线,选择添加目标线。
添加目标线,需给出目标线名称、定义目标线种类(可分为自定义、平均值、最大值、最小值)、目标线样式、颜色、大小。以及目标线显示内容是数值还是名称还是名称+数值,同时亦可设置文本标签的大小、样式和颜色。以及文本标签所处的位置是在线的开始顶部、底部、还是居中或末尾顶部或底部。
在线demo:http://bi.bctools.cn
gitee地址:https://gitee.com/software-minister/jvs-bi
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。