Skip to main content
Version: 3.2.1

折柱图

生成折线柱状图

折柱图是在同一个图表中结合柱状图与折线图,可以同时展示两个项⽬数据的特点。

数据准备:

折现柱状图,顾名思义,图表既有折线数据展示也有柱体数据展示,可根据需要设置图表数据源类型,默认静态数据,数据展示格式为JSON格式且可修改、增加值,亦可选择数据模型处配置数据源;

  1. 点击添加数据模型;

  2. 选择数据模型;

  3. 设置图表在大屏的刷新时间;

折柱图数据源控制区

折线柱状图画法:

现有数据库表详情如下:

数据库表

比如:要设置折现柱状图展示每个人的年纪和身高;

图表将涉及到3个字段:维度“name”,度量“age”和”height“;

生成折现柱状图的流程如下:

  1. 点击图表/柱状图,选择“折现柱状图”图表,在画布上画出图表;

  2. 在图表的数据面板的操作;

  3. 维度“name”放置在X轴;

  4. 度量”age“、“height”放置在Y轴和Y2轴,此时,图表配置生效且展示数据;

  5. Y轴轴值和Y2轴轴值,默认展示拖拽至图表内度量值最大的字段值;

折柱图数据源控制区

编辑折线柱体图

折线柱体图样式设置:

折线柱体图的样式修改控制区为下图所示:

折线柱体图样式设置

  1. 背景颜色:设置图表的背景色样式,详情请见背景色设置;

  2. 柱体设置和柱体背景设置:设置柱状图的宽度、圆角和是否切换堆叠展示以及柱体背景是否展示和设置背景色等,详情请见柱体设置;

  3. 折线设置:设置折线图的图表折线展示方式以及开启面积堆叠时配置不同的颜色展示,详情请见折线设置;

  4. 标题设置:设置标题及其样式,详情请见标题设置;

  5. X轴设置:设置x轴的显示内容,详情请见x,y轴设置;

  6. Y轴设置:设置y轴的显示内容,详情请见x,y轴设置;

  7. Y2轴设置:设置y2轴的显示内容,同y轴设置,详情请见x,y轴设置;

  8. 线柱配置:设置y1轴和y2轴数据是以折线展示还是柱体展示,详情请见线柱配置;

  9. 标签设置:设置图表标签的字体大小、颜色等,详情请见标签设置;

  10. 提示语设置:设置预览图表和开启组件关联时标签显示字体大小和颜色,详情请见提示语设置;

  11. 图例操作:设置图例的宽高、朝向位置、文字大小等,详情请见图例操作;

  12. 画布位置:设置图表新增加组件距离画布的左、上、右、下的展示位置,详情请见画布设置;

  13. 自定义配色:设置图表文字和轴线的颜色,详情请见自定义配色;