JVS-智能BI可视化图表样式配置全解析，打造你的专属数据可视化风格！

在当今数据驱动决策的时代，可视化图表已成为企业分析和展示数据的重要工具。在JVS-智能BI中，提供了丰富的图表样式配置选项，能满足不同用户对图表外观和功能的多样化需求。接下来我详细介绍关于JVS-智能BI系统中图表的通用样式配置方法。

基础说明

在JVS-BI中，任何图表的样式都可以自定义，其中样式可分为通用图表样式和图表独有样式。通用图表样式即每个图表都有的公共样式，而图表独有样式则是每个图表的不同自定义的独有样式。

图表通用样式可大致分为【全局设置】以及单个图表【样式】里的部分样式设置。

全局设置-样式

全局配置大致如下图所示：
新增一个或多个图表组件，点击下方全局设置，可看到相关配置。
配色方案即定义所有全局的图表颜色主题，可开启渐变。

开启渐变后，全局图表也会发生变化。

图例设置即是图表下面的类似导航作用标题的图例，可根据不同需求样式选择其图例展示位置。本来初始图例在下面，现在调整到了右边，如下图所示。

图例样式可改变图例的图标模样，也可调整图例大小。
显示宽度即如果出现文字较多显示不全的情况下，可调整宽度。让文字展示完全，【显示内容】则是展示的是名称、数值还是百分比。亦或是三者都展示出来。

可以看到显示内容全选时，无法展示完全。这时即可将【显示宽度】调大一些，即可展示完全。

标题样式统一可分为【系统预设】和【自定义样式】，系统预设即选择已经预设好的标题样式，点击选择即可。

【自定义样式】即可有图标、分割线、背景色的设置，点击选中【自定义样式】，图标设置即是图标样式、颜色以及大小和标题间距的设置。

分割线即图表标题和下面图表的分割线条，点击选择分割线即可设置分割线的样式、颜色、粗细大小，以及对齐方式。其中对齐两端为直接占满整个图表，对齐数据即为数据最末尾位置，而不会占满整个图表。

对齐方式选择对齐两端的示例如下。

背景色是针对标题背景样式的设置，选择点击背景色后即可选择背景颜色和背景图案。

其中背景图案可使用系统自带的背景图案素材，也可自定义上传图片进行背景图案填充。

单个图表通用【样式】设置

首先选择一个要调整单个样式的图表，然后点击右上角的【样式】，如下图所示：

【样式】可分为【系统预设】和【自定义样式】，其中【系统预设部分】，不同组件预设的图表样式各不相同。不过也都是系统提供好的，只需点击选择想要的预设即可。所以亦可算是通用样式之一。

除此外，除了【数据卡片】和【图表卡片】外的其他图表。在【自定义样式】里面亦可提出通用样式，因其【标题设置】的配置方式都一样。所以直接选择一个进行配置讲解，我们先选中其中一个图表，选中后点击【样式】里的【自定义样式】。并点开【标题设置】，即可对该标题样式进行配置。针对标题的配置和全局的标题设置大相径庭，这里就不重复前文的相关配置。只针对全局配置里没有的点进行说明配置。首先可以设置主副标题的标题名字、颜色以及大小。其次可设置是否粗体、斜体、带下划线。

副标题处还有一个【显示位置】的样式设置，即副标题是左右显示还是上下显示。下面是设置卡片右侧显示效果，具体配置以实际需求业务为准。【标题样式】部分和前文一致。

此外每个图表都有的通用自定义样式为【组件外观】，此设置对任一图表组件都生效，且配置都相同。以环形图为例，下面是具体配置过程。先选中环形图，然后点击【样式】里的【自定义样式】。再点开【组件外观】进行配置。背景色的话是除标题背景外的其他部分背景颜色，和标题背景色配置一样，可选择颜色后选择图案背景，其中图案背景可自定义上传背景。

边框即是图表最外一圈的框线样式，可自定义颜色、粗细以及实线或虚线。

圆角即是该图表组件的四个边框弯曲度大小，设置数值越大，边框越圆。

【阴影】部分的勾选，即是整个图表组件的阴影设置。x为横向的阴影拓展，y为纵向的阴影拓展。颜色模糊度可选择自定义颜色以及模糊程度。模糊度越高，则模糊程度就越不清晰。

在线demo：http://bi.bctools.cn
gitee地址：https://gitee.com/software-minister/jvs-bi