第32页，共417页。 显示 4,167 条结果 (0.03 秒)
Echarts图形-扩展属性：鼠标提示 - 雷达图鼠标提示-数据后面添加单位
（本文档仅供参考） 问题 雷达图希望数据后面添加单位 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图形-扩展属性：标签 - 油量图指针数据字体颜色修改
（本文档仅供参考） 想要实现 有时为了美观需要修改油量图的字体颜色以更好的在报表中展示，例如： image2018-11-7 22:12:38.png 实现方法 写扩展属性即可完成，相关扩展属性可以参考echarts官网查看，此示例扩展属性代码如下： { "series": [{ "detail": { "textStyle": { "color": "red", "fontSize": 90 } } }] } 2024-01-03_135111.png水球图目标值数据格式说明
（该文档仅供参考） 问题描述： 分别给水球图指标值和目标值设置数据格式，仅指标值发生了变化，目标值字段未发生变化 水球图目标值数据格式_20240605090537.png 原因说明： 水球图的目标值是需要在前端经过表达式计算的，计算时只能使用真实值，而目前产品的数据格式都是后端生成的，前端是没办法直接应用数据格式； 处理方案： 通过宏的方式修改目标值数据格式。宏示例，以下示例仅供参考： 宏模块水球图目标值_20240704154454.png 代码内容如下： /* 效果：修改目标值数据格式 类型：ClientSide 对象：水球图 事件：onAfterRender */ function mainEcharts图形-扩展属性：数据标签 - 堆积柱图显示各自数据标签及合计值
（本文档仅供参考） 问题 想要实现既显示堆积柱图各自的数据项标签又显示合计值的效果，如下图示 image2022-3-15_13-45-39.png 解决方案 可添加一个合计字段进行作图，同时通过扩展属性隐藏该合计值字段的柱子，只显示数据标签 { "series": [{ "itemStyle": { "normal": { "label": { "show": true, "position": "inside" } } } }, { "itemStyle": { "normalEcharts图形-扩展属性：鼠标提示 - 柱图鼠标提示背景设置渐变色
(此文档仅供参考) 问题 柱图鼠标提示背景设置渐变色 image2022-12-6_19-35-47.png 解决方案 可以使用扩展属性实现 { "tooltip": { "trigger": "axis", "extraCssText": "background: linear-gradient(0deg, #19263B 0%, #FF0000 100%);" //0deg从上往下渐变，270deg从左往右渐变色，#19263B，#FF0000分别为渐变的颜色 } } 鼠标提示框背景渐变Echarts图形-扩展属性：折线 - 联合图设置X轴起点在Y轴上
（此文档仅供参考） 问题 如下图，想设置第一条数据标在Y轴点 image2019-10-11 18:36:18.png 解决方案 可采用以下扩展属性 { "xAxis": { "boundaryGap": false } } image2019-10-11 18:35:32.png 另外，对于联合图是自定义标线的起点不在Y轴上的问题也可以用此扩展属性解决。 image2019-10-11 18:38:0.pngEcharts图形-扩展属性：数据标签 - 堆积横条图数据项标签重叠问题
（本文档仅供参考） 问题 由于数据占比太小，导致堆积横条图数据项标签重叠在一起，不方便查看，如下截图 图片16.png 解决方案 可以写扩展属性让数据项标签每组数据显示的位置不一样以避免数据项标签重叠在一起，例如第一组显示在上面，第二组显示在下面，第三组显示在上面。实现效果如下： 图片17.png 可以参考此扩展属性在图形上写扩展属性实现（具体扩展属性需要根据您实际情况修改）： 图片18.png { series: [{ label: { normal: { position: "topEcharts图形-扩展属性：雷达图相关扩展属性
（本文档仅供参考） 问题 希望对雷达图做一些个性化的设置。具体的扩展属性该怎么写，比如填充雷达图的颜色，修改指示器轴的分割段数。 解决方案 雷达图的扩展属性可参考Echarts文档：https://echarts.apache.org/zh/option.html#series-radar https://echarts.apache.org/zh/option.html#series-radar 可参考附件资源 雷达-颜色-areaStyle.xml image2020-11-17_10-38-26.png矩阵树图
1 概述 矩形树图，是一种有效的实现层级结构可视化的关系型图表结构。 在树图中，各个小矩形的面积表示每个子节点的大小，面积越大，表示子节点在父节点中的占比越大，整个矩形的面积之和表示整个父节点。右键点击矩形块可下钻到子分支，每个子分支的矩形又按照相应节点的子节点进行分割。 通过树图及其钻取情况，用户可以清晰地了解到数据的全局层级结构和每个层级的详情。 2 业务场景 1、场景描述：某大型零售公司，想要分析省份和下一层级发货城市的销售量，如下图所示： shutu01.gif 2、以产品内置Demo资源的“订单模型”作为数据来源。 3、操作步骤 （1）在数据选择区中，拖拽 省份 字段到 标记 > 标签 ，销售额Echarts图形-扩展属性：鼠标提示 - 柱图数据太小，导致无法点击跳转
" } } } 阴影扩展属性.jpg 阴影效果.jpg 若还需要点击柱子跳转，可参考以下方案实现： 1.在数据集增加多一个指标字段，修改原来柱图为堆积柱图，如下
