第24页,共93页。 显示 923 条结果 (0.028 秒)
创建第一个可视化组件
3.3 绑定字段 图形组件绑定字段有以下两种方式: 1、在数据选择区中,勾选“产品类别”、“订单年份”和“销售量”字段,由系统自动分配到“X轴”、“颜色”和“Y轴”上,效果如下: Snipaste_2023-05-23_20-38-34.png 2、拖拽“产品类别”字段到“X轴”,“订单年份”字段到“颜色”,“销售量”字段到“Y轴”,拖动字段过程中,能接收该字段的区域外圈显示蓝色高亮框,效果如下: Snipaste_2023-05-23_20-44-10.png 在组件数据作图区域中,支持点击一键互换行列字段,支持行列互换的类型:柱图、堆积柱图、横条图、堆积横条图、散点地图、热力地图、散点图、大数据散点图、热力图、交叉表和文图表组件 ⬝ 热力图
1 概述 热力图是指用 【X轴】 和 【Y轴】 表示的 两个分类字段 确定数值点的位置,通过相应位置的 矩形颜色 去表现数值的大小,颜色深代表的数值大。 2 业务场景 (1)应用场景描述:热力图主要用于展示连续型数据的分布情况。例如用颜色展现某一范围内不同地区数据量的差异,网站分析等等。 分析不同 … (3)【仪表盘】左侧打开【组件】面板,向下滚动找到【热力图】组件,点击组件右上角【+】进行添加。 image2023-11-9_15-23-54.png (4)在【仪表盘】-【数据选择】区中,勾选 【发货区域】 、【 产品类别】 和 【销售额】 字段,由系统自动分配到【 X轴 】、【 Y轴】 和【 标记】 > 【颜色横条图-排序横条图(一)
问题描述 将横条图组件模板资源中的排序横条图(一)复制到自己的大屏可视化中,并且替换数据之后。类目轴(即X轴)刻度标签可能显示不出来,并且也想要修改前面序号的背景颜色的话。该怎么处理呢? 0308-14.png 解决方案 以上的效果都是在宏代码中定义的,可以按照如下步骤操作。 1、在复制过来并替换数据之后的排序横条图(一)上,右键→宏管理 0308-15.png 2、在宏管理界面上,点击一下刷新按钮,这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单,打开宏代码编辑界面 0308-16.png 3、找到以下代码,其中的 '#fff’ 即为类目轴刻度标签字体颜色,可根据实际情况修改。 0308-17.png横条图-动态排序横条图-如何使用
0309-22.png 2、该组件模板的数据模型需要有3个字段。 (1)行区字段 0309-23.png (2)列区字段 0309-24.png (3)横条图的数据是动态变化的,是将字段放在“标记”区的“颜色”中,并且通过宏代码来一个一个切换颜色字段的值,从而影响类目轴和指标轴的数据。类似于自动切换筛选器的值的效果。因此,也需要一个字段,用于控制数据变化。 0309-25.png、 3、按照上述的要求准备好数据模型,选中横条图后,切换成准备好的数据模型。 0309-26.png 4、将对应的字段分别拖到“行”区、“列”区和“颜色”上即可 0309-27.gif 注意事项 暂无Echarts图形-扩展属性:雷达图相关扩展属性
(本文档仅供参考) 问题 希望对雷达图做一些个性化的设置。具体的扩展属性该怎么写,比如填充雷达图的颜色,修改指示器轴的分割段数。 解决方案 雷达图的扩展属性可参考Echarts文档:https://echarts.apache.org/zh/option.html#series-radar https://echarts.apache.org/zh/option.html#series-radar 可参考附件资源 雷达-颜色-areaStyle.xml image2020-11-17_10-38-26.pngECharts图形-标准面积图/堆积面积图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 面积图在折线图的基础上将折线与分类(X)轴之间填充颜色或者纹理,形成一个面表示数据体积,反映了数据的变化趋势的大小。 优势:面积图可以进行层叠,方便比较数据。 数据要求: 1)一个或多个分类值,一个或多个指标值。 2)数据量不宜过多,标准面积图建议不超过3个组数据,堆叠面积图建议不超过7组数据。 适用场景: 1)展示时间维度上变化的值。 2ECharts图形-标准面积图/堆积面积图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 面积图在折线图的基础上将折线与分类(X)轴之间填充颜色或者纹理,形成一个面表示数据体积,反映了数据的变化趋势的大小。 优势:面积图可以进行层叠,方便比较数据。 数据要求: 1)一个或多个分类值,一个或多个指标值。 2)数据量不宜过多,标准面积图建议不超过3个组数据,堆叠面积图建议不超过7组数据。 适用场景: 1)展示时间维度上变化的值。 2数学和统计运算符、函数
名称:asin(expr) 函数说明:返回反正弦值。 9 atan 函数名称:atan(expr) 函数说明:返回反正切值。 10 atan2 函数名称:atan2(exprY, exprX) 函数说明:返回正x轴平面与坐标给定的点之间的角度。 11 cbrt 函数ECharts图形-通用
设置显示与不显示坐标系效果对比,如下: image2019-12-2 9_39_39.png ECharts图形的通用设置包括“画布大小、背景颜色、显示方式、边距、初始化动画、防止Y轴标签溢出、防止X轴标签溢出”等。 2019-9-10 星期二 14-11-17.png … ECharts图形的通用设置包括“画布大小、背景颜色、显示方式、边距、初始化动画、防止Y轴标签溢出、防止X轴标签溢出”等。 2019-9-10 星期二 14-11-17.png {html}<div style="border-bottom: 0.5px solidECharts图形-通用
设置显示与不显示坐标系效果对比,如下: image2019-12-2 9_39_39.png ECharts图形的通用设置包括“画布大小、背景颜色、显示方式、边距、初始化动画、防止Y轴标签溢出、防止X轴标签溢出”等。 2019-9-10 星期二 14-11-17.png … ECharts图形的通用设置包括“画布大小、背景颜色、显示方式、边距、初始化动画、防止Y轴标签溢出、防止X轴标签溢出”等。 2019-9-10 星期二 14-11-17.png {html}<div style="border-bottom: 0.5px solid