第21页,共136页。 显示 1,358 条结果 (0.021 秒)
ECharts图形-数据传值设置
ECharts图形中对数据传值的设置包括“参数传值设置”和“区域传值设置”。 image2020-2-21 15:22:56.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 从一个参数传值到另一个参数,并能查看其数据信息的设置。 image2020-2-21 15:51:17.png 配置项说明如下: 真实值:参数的来源。 传值方式:选择以真实值或者Echarts图形-扩展属性:图例默认置灰
(本文档仅供参考) 问题 如何实现打开报表的时候,图形的某些图例默认不显示? 解决方案 此效果可通过如下扩展属性实现: { "legend": { "selected": { "小家电": false } }} 效果: 11.jpgEcharts图形-扩展属性:地图调整图例位置
问题 地图图例位置怎么调整? 解决方案 可在图形中通过扩展属性实现: { "visualMap": [ { "left": "10%", "bottom": "10%", "show": true } ] } 效果如图: image2023-1-17_10-52-32.pngEcharts图形-扩展属性:单条进度条在电子表格中如何实现
": { "barBorderRadius": 5 }, //图形是否不响应和触发鼠标事件,默认为 false,即响应和触发鼠标事件 "silent": false }, { "barGap": "-100%", "z": 0, "itemStyle … } }, //图形是否不响应和触发鼠标事件,默认为 false,即响应和触发鼠标事件 "silent": false }, { "barGap": "-100%", "z": 0, "itemStyleEcharts图形-扩展属性:设置地图图例单位
(此文档仅供参考) 问题 希望修改地图图例中指标的数据格式,比如换算成万元。 image2024-3-4_18-36-52.png 解决方案 可在图形中通过扩展属性实现 { "visualMap": [ { "type": "continuous", "seriesIndex": 0, "formatter": "function(a){ return (a/10000).toFixed(0) + '万';}" } ] } image2024-3-4_18-39-2.pngEcharts图形-扩展属性:词云图修改形状
(本文档仅供参考) 问题描述 希望修改词云图形状,类似心形,星形。现在的效果图: image2023-3-13_17-50-54.png 解决方案 可以用扩展属性实现星形,最终效果图: image2023-3-13_17-46-19.png 相关shape属性可参考如下截图: image2023-3-13_17-35-39.png 扩展属性参考: 1 2 3 4 5 { "series": [{ "shape": 'star' }] }Echarts图形-扩展属性:双柱图的柱子颜色修改
(本文档仅供参考) 问题 图形中有两个指标Y轴,想自定义修改柱子的颜色,怎么实现 image2021-3-19_14-13-39.png 解决方案 可以使用扩展属性实现,如下: { "series": [{ "itemStyle": { "normal": { "color": 'blue' } } }, { "itemStyle": { "normal": { "color": 'redEcharts图形-扩展属性:鼠标提示显示方向
(此文档仅供参考) 问题描述 Echarts图形的鼠标提示怎么修改显示方向 2021-11-11_154751.png 实现方案 此示例的扩展属性如下,关于鼠标提示显示方向具体可查看Echarts文档:https://echarts.apache.org/zh/option.html#grid.tooltip.position https://echarts.apache.org/zh/option.html#grid.tooltip.position { "tooltip": { trigger: "item", position: "topEcharts图形-扩展属性:地图实现阴影效果
(本文档仅供参考) 问题 如何在产品Echarts图形中实现地图的阴影效果,如下图所示 image2021-8-30_15-2-35.png 解决方案 如需上述地图阴影效果可考虑通过扩展属性实现,如下 { "geo": { "left": 1, "top": 1, "right": 9, "bottom": 50, "itemStyle": { "normal": { "shadowColor": "#1c4880", "shadowBlur": 10, "shadowOffsetX": 5, "shadowOffsetY": 5 } }, } }Echarts图形-扩展属性:双y联合图实现0刻度对齐(仪表盘使用)
(本文档仅供参考) 问题 使用双y联合图,当数据中包含正数和负数时,作图出现双y轴0刻度未对齐的情况,该如何处理? image2023-2-28_18-11-42.png 解决方案 可在扩展属性中进行如下设置,动态获取图形中的最大最小数据,并让坐标轴的最大最小值的绝对值相等: { "yAxis … );}}" } ] } 打开图形组件设置,进入自定义属性配置界面,将以上代码复制到代码编辑框中即可。 image2023-2-28_18-14-58.pngimage2023-2-28_18-15-23.png