搜索

Help

第75页,共113页。 显示 1,129 条结果 (0.024 秒)

  1. Echarts图形-扩展属性:数据标签 - Echarts树图去掉指标名称的显示

     (本文档仅供参考) 问题           echarts树图想要去掉指标名称的显示,如下图的销售额: image2021-12-30_10-4-51.png image2021-12-30_10-5-17.png 解决方案           可以使用如下扩展属性: { "series": [{ "label": { "formatter": "function(param) {return param.data.displayValue}" } }] } image2021-12-30_10-5-44.png
    FAQ中心六月 19, 2025
  2. Echarts图形-扩展属性:数据标签 - 矩阵树图标签显示数据

    (本文档仅供参考) 问题: 矩阵树图默认只显示类别,如何在数据标签中显示数据呢? 默认.png 解决方案: 可以参考配置下面的扩展属性调整 { "series": [ { "label": { "formatter": "function(a){return a.name +'\\n'+parseFloat(a.value).toFixed(2) }" } } ] } 添加方法.png 实现效果如下 添加后.png 占比可参考下面扩展属性 option = { "series": [{ "label": { "formatter": "function(
    FAQ中心六月 19, 2025
  3. Echarts图形-扩展属性:数据标签 - 自助仪表盘树图自适应显示文字内容

    (本文档仅供参考) 问题说明           使用自助仪表盘矩形树图,部分内容显示不全,超出显示的部分显示成省略号...,希望可以自适应显示全部内容。           image2022-9-1_17-53-23.png 解决方案 注:由于echarst版本问题,旧版本(已测4.8.0)此属性配置方式无效,新版本(已测5.1.2)有效          1、分析echarts是否支持自适应换行显示的属性。           经分析找到"overflow": "break" 设置效果符合需求。           image2022-9-1_17-56-23.png           2、资源中F12,查看
    FAQ中心六月 19, 2025
  4. Echarts图形-扩展属性:数据标签 - 关系图的连线上显示关系信息

    (本文档仅供参考) 问题 关系图,在关系连线上直接显示出关系信息,如下图所示 关系图.png 解决方案 可使用如下扩展属性代码实现: {     "series": [{         "edgeLabel": {             "normal": {                 "show": true,                 "formatter": "function(x){  return x.name+':'+x.value;}", //连线显示关系             }         }   }] } PS:  x.name 和x.value 是固定图形方法属性,如果
    FAQ中心六月 19, 2025
  5. 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 鼠标提示单位
    FAQ中心六月 19, 2025
  6. Echarts图形-扩展属性:鼠标提示 - 雷达图鼠标提示显示在图表区域内

    (本文档仅供参考) 问题           雷达图鼠标有很多值的时候,鼠标提示会显示超出图表区域,这时候要如何解决?          image2018-11-20 11:26:31.png 解决方案         可通过扩展属性实现限制鼠标提示在区域内,具体用如下扩展属性: { "tooltip": { "confine": true } }         image2018-11-20 11:28:24.png        效果:        image2018-11-20 11:28:5.png              鼠标提示显示不全
    FAQ中心六月 19, 2025
  7. Echarts图形-扩展属性:样式 - 雷达图修改某条系列值的线条为虚线

    (本文档仅供参考) 问题 雷达图展示目标值和实际值,如何将目标值系列线条类型设置为虚线呢? 解决方案 可以使用扩展属性实现,如下: option = { series: [{ data: [{}, { lineStyle: { normal: { type: "dashed",// 设置连线为虚线 }, }, }, ] }] } 注:编写此文档时,echarts版本为5.1.2 效果如下图: 雷达图虚线效果图_20240425172638.png 雷达图系列线位虚线
    FAQ中心六月 19, 2025
  8. Echarts图形-扩展属性:样式 - 雷达图修改线条颜色和字体颜色

    (本文档仅供参考) 问题 雷达图的分类字体颜色和线条颜色是否可以设置呢? image2021-6-24_17-38-57.png 解决方案 可以使用扩展属性实现,如下: { "radar": [{ "name": { "textStyle": { "color": "red" } } }], "series": [{ "lineStyle": { "normal": { "color": "blue"
    FAQ中心六月 19, 2025
  9. Echarts图形-扩展属性:样式 - 雷达图如何取消点与点之间的连线及圈线

    (本文档仅供参考) 问题          雷达图如何取消点与点之间的连线及圈线? 解决方案           可以通过如下扩展属性实现 : { "radar": [{ "splitLine": { "show": false }, "splitArea": { "show": false } }], "series": [{ "lineStyle": { "normal": { "width": 0
    FAQ中心六月 19, 2025
  10. Echarts图形-扩展属性:样式 - 雷达图的灰色区间颜色怎么修改

    (本文档仅供参考) 问题 产品的雷达图默认是有灰色区间的,我想把这个区间的颜色变成白色,需要怎么实现 image2021-3-19_14-45-42.png 解决方案 可以使用扩展属性实现,如下: { "radar": [{ "splitArea": { "areaStyle": { "color": ["rgba(255, 255, 255, 0.2)", "rgba(255, 255, 255, 0.4)", "rgba(255, 255, 255, 0.6)", "rgba(255, 255, 255, 0.8)", "rgba(255,
    FAQ中心六月 19, 2025