第18页,共489页。 显示 4,882 条结果 (0.042 秒)
ECharts图形-普通横条图/堆积横条图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 横条图是柱图的横向表现形式,又称横向柱图:用若干个细长的横条长度来表达各类数量大小的图形。 优势: 1) 肉眼就能清楚的看出数量的多少及比较出数据之间的差别。 2) 比柱图支持的分类项目多些。 劣势:不适合表示趋势分析。 数据要求: 1)一个或多个分类值,一个或多个指标值。 2)数据量不宜过多修改地图下钻后“返回”的位置和字体大小
(此文档仅供参考,如不满足实际应用场景,需自行调整相关宏代码) 问题说明 希望实现当地图下钻后,可以更改【返回】的展示位置和字体大小,如下所示: image2024-1-24_14-13-41.png 解决方案 可以通过宏来处理 /** * 事件:onAfterRender * 对象:地图 * 实现效果:修改地图下钻返回位置和字体大小。 */ function main(page: IPage, portlet: IEChartsPortlet) { portlet.appendCss('.sx-breadcrumb', { /*修改Echarts图形-扩展属性:柱子 - 柱图背景\阴影的实现
(示例仅供参考) (示例只在V97及以上版本生效) 问题:柱子阴影 在Echarts柱形图中希望实现柱图有背景\阴影的效果 2022-04-29_112934.png 解决方案 可通过增加以下扩展属性实现: { "series … ://echarts.apache.org/zh/option.html#series-bar.showBackground 问题:鼠标移动阴影 仪表盘的柱图组件,想要鼠标移上去时有一个阴影背景。 解决方案: 可添加扩展属性 option = { "tooltip": { "trigger": "axisECharts图形-标准面积图/堆积面积图
{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)展示时间维度上变化的值。 2Echarts图形-扩展属性:样式 - 环形图设置进度条效果
(本文档仅供参考) 问题 环形图如何实现进度条的效果,设置成如下样式: 环形图-进度条.png 解决方案 可用扩展属性实现,示例: { "color": ["#00ffff", "#001951"], //高亮颜色、灰色颜色 "title": { "text": "下方标题 … ''}}" } } }] } 扩展属性与实现效果.png 数据.png 参考资源附件:环形图-进度条.zip 环形图进度条Echarts图形-扩展属性:柱子 - 柱图翻转显示
(本文档仅供参考) 问题 在excel中插入echarts图形,并且将图形旋转。但是再发布以后图形还是正向,如下图所示: 图形反向.png 解决方案 电子表格中的旋转按钮是excel的功能,我们无法将其屏蔽,旋转图形后不会对图形生效。 若需要柱图反向显示,建议通过 … .jpg 柱图反转显示 上下翻转 图形上下反转Echarts图形-扩展属性:样式 - 油量图颜色渐变
(本文档仅供参考) 问题 油量图希望实现颜色实现渐变的效果,如下截图 image2021-3-30_18-45-13.png 解决方案 在自助仪表盘中,具体请参考如下扩展属性 https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599 … " } ] } ] ] } } } ] 油量图渐变色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)分类名称过长时,不宜使用柱图或堆积柱图。 类型 普通柱图 堆积柱图 含义 显示单个分类项目间的比较情况。 通过将每根柱子进行