第49页,共417页。 显示 4,167 条结果 (0.061 秒)
Echarts图形-扩展属性:柱子 - 堆积柱图标签为0时不显示
(本文档仅供参考) 问题: 堆积柱图显示标签的时候,如何让数据为0的标签不显示。 解决方案: 可参考如下扩展属性实现。 { series: [ { itemStyle: { normal: { label: { formatter: "function (params) {if (params.value[0] !== 0) {return params.value[0]; } else { returnECharts图形-数据设置
>{html} 属性说明 在左垂直(Y)轴勾选某字段,则该字段作为图形的左垂直(Y)轴。 image2019-9-16 10:42:53.png 预览效果 左垂直(Y)轴显示单价,对应的子图为柱图。 image2019-9-27 16:35:5.png {html}<div style … ;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 图形为联合图,可设置左垂直(Y)轴和右垂直(Y)轴字段的图形,支持设置为:柱图、线图、面积图、散点图。 image2019-10-8 14:44:0.png 图形为地图,可设置指标字段ECharts图形-数据设置
>{html} 属性说明 在左垂直(Y)轴勾选某字段,则该字段作为图形的左垂直(Y)轴。 image2019-9-16 10:42:53.png 预览效果 左垂直(Y)轴显示单价,对应的子图为柱图。 image2019-9-27 16:35:5.png {html}<div style … ;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 图形为联合图,可设置左垂直(Y)轴和右垂直(Y)轴字段的图形,支持设置为:柱图、线图、面积图、散点图。 image2019-10-8 14:44:0.png 图形为地图,可设置指标字段表关系视图
建立关联,默认连接是“内连接”。 按外键自动建关系:根据表与表之间的外键创建关联关系,即外键相同的字段建立关联,表之间的关系是已经存在的,当把资源目录树下的表拖入到表关系图编辑窗口中时,表间的关系会自动呈现。 列表模式:表间关系以列表形式展示,一般默认为视图模式。 其它说明 表间的关联关系创建成功后地图区域
导出文件如下: image2021-10-12_16-10-18.png 南海诸岛 对于系统内置的 中国 地图区域,用户可以根据实际业务情况,选择展示 南海诸岛简图 或 南海诸岛全图。 1.双击系统内置的 中国 地图区域节点,在GeoJson地图的文件路径中点击进行选择。 Dingtalk_20221223120813.jpg 2.效果图对比 南海诸岛简图 南海诸岛全图 Dingtalk_20221223120327.jpg Dingtalk_20221223120514.jpg 地图构建其他说明 在创建Echarts地图展示报表时,可以支持散点地图、热力地图并列轴单图例颜色设置
该宏示例在 V10.5上 验证通过 提示:本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。 示例仅供参考,若是实际场景和示例需求场景有所差别,有可能需要自行调整宏代码。 需求 带并列轴的柱图,因作为图例的分类有可能是动态的情况,就会存在单图例的情况,但产品中默认对于单图例的颜色的柱图是设置了多种颜色的,这样在图例显示的情况下,用户会产生疑问,为什么图例和柱图颜色对应不上,针对于这样的问题,可采取以下解决方案。 调整前的效果: image2020-6-10 18:41:19.png 调整并列轴单图例颜色设置
该宏示例在 V10.5上 验证通过 提示:本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。 示例仅供参考,若是实际场景和示例需求场景有所差别,有可能需要自行调整宏代码。 需求 带并列轴的柱图,因作为图例的分类有可能是动态的情况,就会存在单图例的情况,但产品中默认对于单图例的颜色的柱图是设置了多种颜色的,这样在图例显示的情况下,用户会产生疑问,为什么图例和柱图颜色对应不上,针对于这样的问题,可采取以下解决方案。 调整前的效果: image2020-6-10 18:41:19.png 调整自助仪表盘横条图样式/数据标签样式/柱子背景样式
提示:本文档的示例基于V10.5版本进行开发,代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配(如使用功能不一致,或多个宏代码冲突等),需根据实际需求开发代码。 问题说明: 有这样一个横条图图形需求,需要横条图的每个柱子有背景颜色,并且柱子的数据值显示在右侧,如下图 image2022-8-16_14-15-46.png 解决方案 需要通过宏代码二开实现,类似的示例代码可参考 1、使用交互式仪表盘,制作一个横条图。 image2022-8-16_14-33-41.png 2、选中图形右键,进入宏管理界面,选择事件为onBeforeRender,复制以下Echarts图形-扩展属性:图例样式,只保留线不显示点(折线图)
(本文档仅供参考) 问题 如何修改图例样式,只保留线不显示点 image2021-6-2_18-22-42.png 解决方案 可以使用扩展属性实现 { "legend": { "show": true, "icon": "line" } } 效果如下: image2021-6-2_18-23-15.png 若使用联合图,一个是柱图,一个是线图,只修改线图图例样式为横线可参考如下扩展属性: { "legend": [{ "itemWidth": 12, "itemHeight": 12Echarts图形-扩展属性:数据标签 - 折线图数据项标签重叠问题
: 'line', label: { show: true, position: 'bottom' // 标签显示在折线下方 } }] } 另外可以设置文字是否偏移,具体可见 Echarts图形-扩展属性:数据标签 - 柱图数据标签重叠问题 折线数据标签重叠