第9页,共434页。 显示 4,338 条结果 (0.032 秒)
ECharts图形-普通柱图/堆积柱图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 柱图是指使用垂直的柱子显示类别之间的数值比较,柱状 … ,建议不超过20条。 适用场景:分类数据对比,分类项建议不要超过10个。 不适用场景: 1)分组过多,分类过多。 2)不适合表示趋势。 3)分类名称过长时,不宜使用柱图或堆积柱图。 类型 普通柱图 堆积柱图 含义 显示单个分类项目间的比较情况。 通过将每根柱子进行ECharts图形-普通柱图/堆积柱图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 柱图是指使用垂直的柱子显示类别之间的数值比较,柱状 … ,建议不超过20条。 适用场景:分类数据对比,分类项建议不要超过10个。 不适用场景: 1)分组过多,分类过多。 2)不适合表示趋势。 3)分类名称过长时,不宜使用柱图或堆积柱图。 类型 普通柱图 堆积柱图 含义 显示单个分类项目间的比较情况。 通过将每根柱子进行Echarts图形-扩展属性:坐标轴 - 横条图坐标轴在右边显示
(本文档仅供参考) 问题 仪表盘横条图如何调整展示方向?如下: 横条图效果: image2023-11-30_17-55-4.png 想实现的横条图效果: image2023-11-30_17-56-44.png 解决方案 具体请参考如下扩展属性: { "xAxis": { "inverse横条图-排序横条图(一)
问题描述 将横条图组件模板资源中的排序横条图(一)复制到自己的大屏可视化中,并且替换数据之后。类目轴(即X轴)刻度标签可能显示不出来,并且也想要修改前面序号的背景颜色的话。该怎么处理呢? 0308-14.png 解决方案 以上的效果都是在宏代码中定义的,可以按照如下步骤操作。 1、在复制过来并替换数据之后的排序横条图(一)上,右键→宏管理 0308-15.png 2、在宏管理界面上,点击一下刷新按钮,这样可以刷新宏代码菜单。然后双击对应的组件的宏菜单,打开宏代码编辑界面 0308-16.png 3、找到以下代码,其中的 '#fff’ 即为类目轴刻度标签字体颜色,可根据实际情况修改。 0308-17.png极坐标柱图/极坐标堆积柱图
概要说明 极坐标作为一种特殊的二维坐标系统,可以用来布局维度和度量,其中分类轴对应角度轴,以上半圆的垂直线为分类轴;指标轴对应径向轴。 由于我们的视觉系统更善于比较直线,所以笛卡尔坐标系更适合于比较各个分类的数值比较。因此,极坐标柱图从实用的角度去看,其更多的是一种审美上的需求。 含义 入口 例图 极坐标柱图 柱状图关于笛卡尔坐标系转换到极坐标系的仿射变换,用于进行单个项目的比较。 2022-02-15_11-26-44.png 下图展现了不同区域的“数量”对比情况: image2018-9-5 5_18_31.png 极坐标堆积柱图 极坐标与堆积形态横条图-动态横条图(一)-如何使用
问题描述 在横条图组件模板资源中,有以下动态横条图组件模板。该组件模板可以随着筛选器自动切换而切换横条图的数据。那么该组件模板复制到自己的大屏之后,该如何切换数据呢? 0309-12.gif 解决方法 请按照如下步骤操作: 1、将“动态横条图”组合 从 “横条图”组件模板资源中复制到自己的大屏可视化/自助仪表盘中 0309-13.png 2、选中组合中下方的筛选器组件,在筛选器上的组件菜单上,选择“应用于组件”,勾选“动态横条图”。 这一步是因为在组件模板中,是通过筛选器来筛选横条图的数据的。而组件模板复制过来时,筛选器与横条图的关系无法一起复制过来,因此在这一步骤中将筛选器与横条图关联上 0309-14.pngEcharts图形-扩展属性:刻度 - 油量图的刻度和指标的文字大小以及颜色
, "color": 'red' } } }] } 效果图: image2021-11-10_9-40-53.png 注:在自助仪表盘中使用仪表盘,当组件大小比较小,但是里面的字体又比较大,又想分开设置刻度的文字和指标的文字,需要怎么设置呢 … ": { "fontSize": 10, "color": "pink" } }, "detail": { "textStyle": { "fontSize": 15, "color": "red" } } } ] 效果图如下: image2021-11-10_9-47-58.png 油量图刻度Echarts图形-扩展属性:鼠标提示 - 同系列柱图鼠标提示
(本文档仅供参考) 问题 做好柱图后,想实现鼠标移入后同系列柱图鼠标提示都显示出来,如下图: image2018-11-7 21:30:13.png 实现方案 需要写扩展属性即可完成,相关的属性可以上echarts官网查看,http://echarts.baidu.com http … ' } } } V11版本效果如下: image_1701771435943_1a23o.png image_1701771468009_13h4g.png 多系列柱图鼠标提示横条图-排序横条图(二)
问题描述 将横条图组件模板资源中的排序横条图(二)复制到自己的大屏可视化中,并且替换数据之后。如果想要修改序号的背景颜色和刻度轴标签的背景颜色的话。该怎么处理呢? 0309-01.png 解决方案 以上的效果都是在宏代码中定义的,可以按照如下步骤操作。 1、在复制过来并替换数据之后的排序横条图(二)上,右键 … 。 0309-04.png 比如改成 "#AAAEEB"。 0309-05.png 效果如下: 0309-06.png 4、接下来是修改排序横条图(二)的序号的背景颜色 0309-07.png 只需要找到如下代码,修改其中的rgb值即可。 其中: a1对应的backgroundColor是序号1的背景颜色 a2曲线面积图/堆积曲线面积图
概要说明 曲线面积图是在面积图的基础之上形成的,两者只是图形线条的区分,面积图为折线,曲线面积图为平滑的曲线。 面积曲线图强调数量随时间而变化的程度,也可用于引起人们对总值趋势的注意。 堆积曲线面积图可以显示部分与整体的关系。 曲线面积图与线图类似,区别是用面积表示数量,比线图更为直观。了解线图详情可参考 线图 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83698963 。 含义 入口 图例 曲线面积图 展示或者比较随着时间连续变化的定量,各线的起点是原点,线与线之间有交叉