搜索

Help

第5页,共14页。 显示 131 条结果 (0.02 秒)

  1. Echarts图形-扩展属性:数据标签 - 关系图的连线上显示关系信息

    (本文档仅供参考) 问题 关系图,在关系连线上直接显示出关系信息,如下图所示 关系图.png 解决方案 可使用如下扩展属性代码实现: {     "series": [{         "edgeLabel": {             "normal": {                 "show": true,                 "formatter": "function(x){  return x.name+':'+x.value;}", //连线显示关系             }         }   }] } PS:  x.name 和x.value 是固定图形方法
    FAQ中心六月 19, 2025
  2. Echarts图形-扩展属性:数据标签 - 桑基图标签换行

    (本文档仅供参考,V95,echarts4.2版本上验证通过) 问题说明 桑基图的标签文字太行,如下,如何换行显示? image2024-11-11_16-26-41.png 解决方案 参考如下扩展属性: "series": [ { "type": "sankey", "label": { "formatter": "function(a){return a.name.match(/.{1,4}/g).join('\\n');}" } } ] image2024-11-11_16-28-7.png image2024-11-11_16-27-14.png 桑基图
    FAQ中心六月 19, 2025
  3. Echarts图形-扩展属性:刻度 - 自助仪表盘的油量图修改宽度和增加单位

    (本文档仅供参考) 问题说明 想修改油量图的宽度和添加单位,目前新建的油量图,什么扩展属性都不添加是下面的效果: image2021-4-2_19-8-57.png 解决方案 可以使用扩展属性实现,如下: image2021-4-2_19-10-16.png 前面需要添加一个英文的逗号,然后添加下面的扩展属性 "series": [ { "axisLabel": { "show": false }, "axisLine": { "lineStyle": { "width": "5" } }, "detail": { "formatter
    FAQ中心六月 19, 2025
  4. Echarts图形-扩展属性:标签 - 地图数据标签设置边框

    (本文档仅供参考) 问题         如何在地图上设置数据标签的边框。 解决方案 以下示例为自助仪表盘中的自定义属性: option = { "series": [{ "label": { "normal": { "show": true, "formatter": "function(a){ return a.name+':'+a.data.displayValue[1]}", "position": "right", "fontSize": "40", //边框 "borderWidth": 3
    FAQ中心六月 19, 2025
  5. Echarts图形-扩展属性:样式 - 环形图设置进度条效果

    }, //判断是否为对应的数据 "formatter": "function(a){if(a.data.name==='SUV中型'){return a.data.displayValue} else {return
    FAQ中心六月 19, 2025
  6. Echarts图形-扩展属性:标签 - 地图在标记中显示区域名称,并带有分段型的图例

    , textStyle: { color: '#000', //气泡内数值颜色 fontSize: 9, }, formatter: '{b
    FAQ中心六月 19, 2025
  7. Echarts图形-扩展属性:鼠标提示多出了序号时,不显示序号

    (本文档仅供参考) 问题         当在柱图上设置鼠标提示为: "tooltip": { "formatter": "{c}" }时,鼠标移动到柱子上,发现鼠标提示中会多出一个序号。如下图中“3,”是多出来的序号。 image2020-1-10 10:53:16.png 这个是echarts图形本身的逻辑,那么如何不显示序号,使得鼠标提示显示如下呢? image2020-1-10 10:54:15.png 解决方案 可用以下鼠标提示扩展属性实现: "formatter": "function(a){ return a.data.value[1]}"      鼠标提示不显示序号
    FAQ中心八月 16, 2021
  8. Echarts图形-扩展属性:修改数据标注格式为万

    : { data: [{ "type": "max", "name": "最大值", label: { formatter: function(arg … ": "最小值", label: { formatter: function(arg) { return (arg.value / 10000).toFixed(1) + '万
    FAQ中心六月 06, 2022
  9. 自助仪表盘柱图X轴只显示某个字段的内容

    (本文档仅供参考) 问题说明           X轴有多个字段显示时,只想要获取名称【只显示某个字段】,不需要显示ID【不需要显示其他字段,但其他字段又不能去掉】,只需显示名称,需要怎么实现呢?           image2021-12-9_12-3-27.png 解决方案           使用扩展属性formatter函数,调用分割字符串方法显示对应字段内容: "formatter": "function(val){ var value = val.split('_')[1]; return value ? value : val}"           其中split('_')意思为,以 _ 为分割点
    FAQ中心六月 22, 2022
  10. Echarts图形-扩展属性:鼠标提示 - 柱图数据太小,导致无法点击跳转

    = chartView.getChartObject(); var options = chart.getOptions(); var tooltip = options.tooltip; tooltip.formatter = function(arg){ return arg[0].name+
    FAQ中心六月 19, 2025