图表运用及配置

基础图表

基础图表包括:雷达图、漏斗图、饼图、词云、柱图、地图、折线图、气泡图、数字、仪表盘、散点图、表格、树图、弦图、桑基图、关系图、进度条、直方图、3D图表、特殊图表。
从编辑器左侧选定图表拖拽至画布,右侧属性栏会显示该图表一系列基本属性,如常规、高级、数据、交互、下钻、联动。以饼图为例,

饼图

选中饼图,右侧属性栏支持对该图表进行常规、高级、数据、交互、下钻、联动操作。

配置项
说明
常规 选择XY轴名称、调整图表位置、尺寸、效果
高级 图表主题样式、标题、图例、提示、动画、饼图、系列、背景
数据 静态数据、api、CSV、数据库、数据源、修改替换数据
交互 单柱点击响应、已绑定数据字段、未绑定数据字段、动画事件、跳转事件、URL、打开方式、跳转子屏
下钻 开启下钻
联动 开启图表联动

一、常规

常规:对图表XY轴名称进行修改、设置图表位置、尺寸、效果。

1.支持根据不同场景、不同需求对XY轴数据名称、数据值进行选择修改;
2.根据图表需求对图表位置进行移动,支持直接在画布上拖动图表使其变换位置,也支持通过右侧属性栏对图表横坐标、纵坐标数据进行直接修改;
3.可以在画布上直接对图表进行放大缩小,也可以通过属性栏对图表的高度、宽度直接进行修改;
4.当目的是为了突出中间主视角时,支持对图表整体的透明度进行调整。

二、高级

高级:对图表标题、图例、提示、动画、系列、背景进行修改。
配置项 说明
图表样式主题 对图表主题进行自定义修改
标题 修改图表标题、 设置标题位置、字体样式
图例 是否显示图例、排列方向、水平安放位置、垂直安放位置、宽度、高度、半径、字体样式
提示 是否设置提示栏、内边距、行间距、偏移值、提示框标题颜色、背景、阴影、提示框文字大小
动画 是否添加动画、动画时间、动画类型
饼图 中心位置、半径、内半径比例、饼图起始角度、饼图样式、标签、文字图形连线、中心文字样式
系列 系列色修改
背景 背景色修改
标题

1.支持根据不同场景、不同需求对图表标题内容进行修改;
2.对标题安放位置(水平、垂直、居右、居左、居上、居下、居中)进行设置,也可以直接拖动百分比进度条对标题位置进行调整;
3.对标题字体大小、是否加粗、字体样式、字体颜色进行调整,字体颜色支持通过色板直接选择、输入颜色色号或者使用取色器进行取色。

图例

1.支持对图表包含种类进行展示,点击展示图例按钮支持选择排列方式(横向、纵向)、设置图例摆放位置(水平、垂直、居左、居中、居右、居上、居下)或者直接拖动进度条调整百分数; 2.支持拖动进度条调整图例图形宽度/高度、图形圆角半径;
3.支持调整图例字体大小、是否加粗、字体颜色,字体颜色支持通过色板直接选择、输入颜色色号或者使用取色器进行取色。

提示

1.支持在图表内设置种类提示框,设置完成后可调整提示框内边距大小、行间距大小,支持设置横向偏移值、纵向偏移值(即提示框位置);
2.支持修改提示框标题颜色,颜色支持通过色板直接选择、输入颜色色号或者使用取色器进行取色;
3.支持修改提示框背景,边框颜色修改、边框宽度修改、背景颜色修改;
4.支持修改提示框阴影,阴影颜色修改、阴影透明度调整;支持修改提示框标题文字大小、提示框内容文字大小。

动画

1.支持设置图表入场动画,调整图表组间内各板块延时时间、动画持续时间、图表组间各板块延时时间;2.可设置动画入场类型(先快后慢、匀速渐变、先慢后快)。

饼图

1.支持拖动进度条调整饼图横纵坐标从而调整饼图中心位置;
2.支持拖动进度条调整图表半径大小、内半径比例、饼图起始角度,可选择饼图样式(环状、饼状);
3.可选择是否显示文字、标签位置、是否显示所有标签,拖动进度条修改字体大小或者直接选中数字进行修改,自定义修改数值单位模板;
4.支持拖动进度条或直接选中数字调整文字图形连线(第一段长度、第二段长度);
5.可选择是否显示中心文字、修改文本颜色,颜色支持通过色板直接选择、输入颜色色号或者使用取色器进行取色。

系列

由专业设计人员设计的几组系列色可供选择,或者设置自定义系列色。

背景

支持对图表背景色进行修改,颜色支持通过色板直接选择、输入颜色色号或者使用取色器进行取色。

三、数据

支持通过静态数据、api、CSV、数据库、数据源修改数据,修改完成后点击保存。

静态数据(静态数据只有在修改时采用json格式的方式,这也是静态数据的原生存储格式,每次修改保存后数据生效。)

api(根据正确的请求api格式请求api获取数据)

csv(可以上传csv、excel文件获取数据,也可以修改csv和excel数据)

数据库(点击连接数据库输入数据库的连接属性,连接成功之后输入sql语句,获取数据)

数据源(用户在数据源处上传需要绑定的数据,数据可以直接绑定到大屏图表上实现数据可视化)

四、交互

交互:设置图表交互。

需要先选择交互图表,然后开启交互,开启完成后选择同一数据源上传到两个图表中,上传完成后绑定数据字段并设置参数,参数设置完成后即可查看图表交互情况。

五、下钻

下钻:设置多级图表下钻。

首先需要开启下钻,然后选择下钻图层,选择完成后选择同一数据源上传到两个图表中,上传完成后即可实现下钻。

六、联动

支持图表间联动,选中某一图表后点击开启联动模式,添加联动图表,选择同一数据上传到两个图表中,设置完成后即可完成联动。

results matching ""

    No results matching ""