搜索

Help

第40页,共152页。 显示 1,517 条结果 (0.07 秒)

  1. Echarts图形-扩展属性:鼠标提示 - 折线图实现十字准星指示器

    问题 如何设置鼠标自带十字指针,随鼠标位置在折线任意位置都可以显示当前时点的数据 image2023-3-30_17-8-26.png 解决方案 可以写扩展属性实现: { "tooltip": { "axisPointer": { "type": 'cross' } } } image2023-3-30_17-12-15.png 最终效果: image2023-3-30_17-12-39.png 折线在x轴也能显示鼠标提示
    FAQ中心六月 19, 2025
  2. Echarts图形-扩展属性:标签 - 仪表盘旭日图如何在标签中显示度量值

    (本文档仅供参考) 问题说明 仪表盘的旭日图中,标签值不能显示度量值,请问用什么方法能显示出来呢?内外环都显示度量值。 image2023-8-1_16-43-43.png 解决方案 可参考如下扩展属性: { "series": [ { "levels": [ {}, { "label": { "formatter": "function(arg){return arg.name+Math.round(arg.value);}", "align": "center", "rotate": "0", "silent": true
    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图形-扩展属性:自助仪表盘图形实现鼠标放在图形任意位置显示提示名

    (此文档仅供参考) 问题说明 鼠标放在图形任意位置(不需要放在指定的点上)显示提示名 image2024-9-21_10-17-43.png 解决方案 通过自定义属性去实现 option = { tooltip: { trigger: 'axis' } } image2024-9-21_10-16-44.png 鼠标提示位置
    FAQ中心六月 18, 2025
  5. Echarts图形-扩展属性:柱子 - 交互仪表盘通过标记区设置颜色,但不显示颜色条

    (此文档仅供参考) 问题          希望在标记区为字段设置颜色时,既能指定图形颜色又不显示颜色条,实现效果如下          image2022-3-21_15-36-43.png 实现方案          可以用如下扩展属性实现,有多少{}取决于实际设置颜色的字段:          注:该扩展属性是基于V10.1版本进行测试,其他版本需结合实际调整 { "visualMap": [ { "show": false }, { "show": false } ] }      最终效果如下图:      image2022-3-21_15-38-43.png
    FAQ中心六月 19, 2025
  6. Echarts图形-扩展属性:标签 - 饼图设置数据标签显示名称和数值,饼图数据标签换行

    (本文档仅供参考) 问题         如何在饼图上显示各个数据标签显示的名称及数值。 解决方案 若资源类型为电子表格,可以使用如下扩展属性: 1 2 3 4 5 6 7 8 9 { "series": [{ "label": { "normal": { "formatter": "function(arg){return arg.name http://arg.name + ','+arg.value}" } } }] } 实现效果如下图所示: image2021-7-26_18-44-15.png 若资源类型为自助仪表盘,可直接将相关展示字段添加至标签,具体步骤如下图所示: 1.拖拽需显
    FAQ中心六月 19, 2025
  7. Echarts图形-扩展属性:x轴刻度标签名称过长,如何省略中间部分字,显示前后字符

    问题1 比如:广东顺德123456家有限公司,显示:广东顺德***公司 解决方案 { "xAxis": { "axisLabel": { "formatter": "function(value){ debugger; if (value.length > 6) { return value.substring(0, 4) + '...'+value.substring(value.length-2) ; } else { return value }}" //名称字符大于6时,显示前4个,后2个字符,中间显示省略号 } } }
    FAQ中心六月 18, 2025
  8. Echarts图形-扩展属性:泡泡图 - 动态时间轴标签文字的颜色和字体在哪里设置

    (本文档仅供参考) 问题 泡泡图-动态时间轴标签文字的颜色和字体在哪里设置。 解决方案 图形中标题的字体颜色和大小设置如下: 1.jpg 时间轴上的标签文字的颜色和大小设置,在timeline组件设置代码option.timeline = {}中加上如下代码:        label: {             normal:{                 textStyle:{                     fontSize: 14,                     color:'red'                 }             }         }  
    FAQ中心六月 19, 2025
  9. Echarts图形-扩展属性:鼠标提示 - 关系图圈上面的鼠标提示不显示,只显示线上的鼠标提示

    (本文档仅供参考) 问题 关系图,圈上面的鼠标提示不显示,只显示线上的鼠标提示。 image2018-11-14 15:3:17.png 解决方案 可使用如下扩展属性代码实现: 注:线上的params.value获取的是links里面的value,若想线上有值显示,需要设置links的value {     "tooltip": {         "trigger": "item",         "formatter": "function(params){if(params.dataType=='edge'){return params.name + ' : ' + params.value ;} else {r
    FAQ中心六月 19, 2025
  10. ECharts图形-标题

    {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 给图形添加标题 image2019-10-11 11:31:48.png 预览效果 设置标题为“今年产品销售量情况”,如图: image2019-10-11 11:46:0.png {html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;pa