在数据可视化的世界里,折线图作为一种直观且有效的数据展示方式,被广泛应用于各类数据分析与报告中。折线图不仅能够清晰地展示数据随时间或其他连续变量的变化趋势,还能通过不同的样式配置,增强图表的可读性和美观度。在JVS-智能BI中,提供了折线图图表类型,接下来我详细介绍折线图样式的配置。
折线图表概述折线图图表组件可分为基础折线图、基础面积图、对比折线图和其他折线图。除了其他组件都有的通用样式之外(可以参考【图表通用样式配置】文档),这四个图表的独有样式都是相同配置。我们以最常见的基础折线图来进行演示,展示折线图图表的独有样式配置。
样式配置点击选择基础折线图,选择后点击【样式】下的【自定义样式】。就可以看到大致分为【图表设置】、【标题设置】、【X轴】、【Y轴】、【目标线】、【图例设置】、【组件外观】这几个大的模块。其中【标题设置】、【组件外观】、【图例设置】已在【图表通用样式配置】文档中提到具体配置。此处将剩下的折线图图表独有的样式设置。图表设置点开【配色方案】,可选择该折线图组件的主题颜色以及是否开启渐变。
图形配置,主要是对折线图内部的相关配置。主要有折线线条风格、线条样式、线条宽度、标记点及其样式、阴影以及显示面积的样式设置。以下为具体配置方式。折线线条风格、线条样式、线条宽度样式的话即是对线条方面不同样子的一个呈现方式,可根据实际选择自己想要的样式。其中线条风格可分为折线和曲线,线条样式有实线虚线等。以下为配置详情。
【标记点】即为折线图上的每个拐点,可设置标记点形状,默认形状为实心圆。可按自己喜好进行调整标记点的形状和大小。
【阴影】即是该折线的阴影设置,可调节阴影的x、y轴的偏移量来实现阴影和原折线不重叠。模糊度越大即阴影显示越不明显。
【显示面积】就是给折线图的下半部分进行填充处理,可定义填充背景颜色以及不透明度。
【显示数据】一般用于你数据集选择后,字段和维度的展示。打开显示数据后,可定义数据显示的文字大小颜色、粗细、斜体、上下边距。
显示位置可定义显示数据是位于折线每个拐点的什么位置,可分为顶部、中心、左侧、右侧、底部五种。现在分别展示五种方式最后的效果。
启用迷你图,即是缩去x和y轴的数据,只看得到曲线。直接看下图展示即可。
数据缩放即下方会出现一个缩放条,可根据此条自由缩放展示的数据。
开启提示信息的话,开启后当鼠标经过到折线图上的某一块儿时,那么就会显示出该块儿的信息提示。
x轴和y轴设置是一样的,区别就是一个为横轴一个为纵轴。这里就描述一下x轴的样式相关配置,y轴进行类比即可。我们点开x轴,可以看到轴标签可设置轴标签的文字大小、颜色、粗细、斜体等。还可定义其标签的倾斜角度。
显示轴线即轴标签和柱状图之间的分界线,为让轴线显示更加明显看得更加清晰。这边使用显眼颜色并加宽字体大小以供展示效果。
显示网格线即是x轴的网格线,勾选后可定义网格线的线条、粗细以及颜色。这里用显眼的黑色加以区分,以看到实际效果。
【目标线】即添加一条目标线,用于用户更方便查看那些数据达成目标。点开目标线,选择添加目标线。
添加目标线,需给出目标线名称、定义目标线种类(可分为自定义、平均值、最大值、最小值)、目标线样式、颜色、大小。以及目标线显示内容是数值还是名称还是名称+数值,同时亦可设置文本标签的大小、样式和颜色。以及文本标签所处的位置是在线的开始顶部、底部、还是居中或末尾顶部或底部。
在线demo:http://bi.bctools.cngitee地址:https://gitee.com/software-minister/jvs-bi
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。