第36页，共259页。 显示 2,590 条结果 (0.03 秒)
交互仪表盘立体柱状图
（本文档仅供参考，因宏代码具备一定场景限制，如和实际应用场景不符合，需要自行调整相关宏代码） 需求场景： 在部分特定场景下为了能制作出更加炫酷的大屏，会在图形中添加立体的展示效果，仪表盘中的立体图形需要自行去描绘，本文仅提供简单思路和示例 实现效果： image2023-12-31_15-6-12.png 具体步骤： image2023-12-31_15-12-27.png /* 实现的逻辑为将轴线多次重画，画出立体效果 **/ function main(page: IPage, portlet: IEChartsPortlet) { let option交互仪表盘分区柱图修改为柱图线图组合对比图
（本文档仅供参考，因宏代码具备一定场景限制，如和实际应用场景不符合，需要自行调整相关宏代码） 效果说明 在多种数据分析场景中，使用上面一个线图（折线图）和下面一个柱图（条形图）的组合方式来进行对比，是一种非常直观且有效的展示手段。这种组合通常用于那些需要同时展现两类或两类以上数据变化趋势，并且这些数据在相同的X轴维度（如时间、类别等）上有所对比的场景。 分区柱图用于同时展示相同维度下不同分类的指标数据，适合用于展示数据差距较大的多指标数据。通过如下修改，可以实现该效果，如图： 分区柱图改造.png 实现方案 1、添加对应的扩展属性，添加方式具体如下图，详细代码如下【扩展属性】，该方法适用于图形中系列数202312产品更新说明
3.2 数据模型 ^ 调整模型视图关系展现样式 调整数据模型关系视图展示：由原来的左右连接的图标展示，改成使用筛选方向箭头表示，让其看起来让直观，更贴合取数逻辑。 模型视图.png + 增加双向筛选 表关系新增双向筛选方向，可实现表与表之间相互筛选数据的效果，请详见：双向筛选介绍 … 优化 优化压缩空行的逻辑，保证原始数据存在空行，数据不会压缩掉，仅压缩由构建模型拼接出来的空行。 ^ 脱敏规则引用应用效果增强 数据集字段引用了脱敏规则，当切换汇总依据为计数和唯一计数是，支持不脱敏显示。 不管是数值字段还是字符串字段，当汇总依据切换为：计数、唯一计数时，字段本身表达的业务意义Echarts图形-扩展属性：标签 - 饼图内标签需要加文字和指标展示
（本文档仅供参考） 问题描述 如下图，想实现饼图后加文字以及指标展示效果。 image2022-10-7_22-17-10.png 解决方案 可使用如下扩展属性实现效果： { "series": [{ "label": { "normal": { "formatter": "{c}元\n占比{d}%" } } }] } image2022-10-7_22-18-16.png 标签在饼图内显示 标签显示百分比Echarts图形-扩展属性：样式 - 玫瑰饼图扇形区域圆角设置
（本文档仅供参考） 问题描述 如下图，想实现饼图扇形区域显示圆角/圆弧效果。 image2022-10-28_19-32-17.png 解决方案 （从echarts v5.0.0 开始支持用 borderRadius 指定饼图扇形区块的内外圆角半径） 可使用如下扩展属性实现效果： { series: [{ radius: ['10%', '45%'], center: ['50%', '40%'], roseType: 'area', selectedOffset: 30, selectedMode: trueEcharts图形-扩展属性：鼠标提示 - 雷达图鼠标提示-数据后面添加单位
（本文档仅供参考） 问题 雷达图希望数据后面添加单位 A09081FE-886B-4f1e-BD64-CDA8CD63FC02.png 解决方案 具体请参考如下扩展属性 添加位置.png "tooltip": { "formatter": "function(a){var s = '';var arr = a.data.valueInfo;for(var i in arr){s+=arr[i].displayValue[0]+'：'+arr[i].displayValue[1]+'个<br/>';}return s}" } 实现效果 实现效果.png 鼠标提示单位Echarts图形-扩展属性：样式 - 雷达图修改某条系列值的线条为虚线
（本文档仅供参考） 问题 雷达图展示目标值和实际值，如何将目标值系列线条类型设置为虚线呢？ 解决方案 可以使用扩展属性实现，如下： option = { series: [{ data: [{}, { lineStyle: { normal: { type: "dashed",// 设置连线为虚线 }, }, }, ] }] } 注：编写此文档时，echarts版本为5.1.2 效果如下图： 雷达图虚线效果图_20240425172638.png 雷达图系列线位虚线Echarts图形-扩展属性：样式 - 地图画布不变，如何将底图默认放大
（本文档仅供参考） 问题 echarts地图画布不修改，如何打开地图的时候里面的底图默认等比放大。 解决方案 可在图形中增加扩展属性，设置地图底图默认放大： { "series": [{ "type": "map", "mapType": "china", zoom: 2 }] } 效果如图： image2018-10-27 10:59:40.png 对于其他省份的地图，也可以直接采取如下的扩展属性实现此效果： { geo: { zoom: 1.2 } } 地图底图大小Echarts图形-扩展属性：样式 - 地图鼠标悬停不改变颜色
（本文档仅供参考） 问题 希望鼠标悬停移到染色地图某个地区时，不改变颜色 解决方案 参考以下扩展属性设置 option = { geo: { itemStyle: { emphasis: { areaColor: 'none', // 鼠标悬停时不改变颜色 } } } } image-2024-03-07-18-27-19-441.png 效果如下图，原本自定义是粉红色，鼠标悬停还是粉红色。 实现效果.png 地图鼠标停止样式不变Echarts图形-扩展属性：柱子 - 交互仪表盘通过标记区设置颜色，但不显示颜色条
（此文档仅供参考） 问题 希望在标记区为字段设置颜色时，既能指定图形颜色又不显示颜色条，实现效果如下 image2022-3-21_15-36-43.png 实现方案 可以用如下扩展属性实现，有多少{}取决于实际设置颜色的字段： 注：该扩展属性是基于V10.1版本进行测试，其他版本需结合实际调整 { "visualMap": [ { "show": false }, { "show": false } ] } 最终效果如下图： image2022-3-21_15-38-43.png
