第3页，共31页。 显示 309 条结果 (0.031 秒)
Echarts图形-扩展属性：鼠标提示 - 柱图鼠标提示换行显示
（本文档仅供参考） 问题 如何实现柱图鼠标提示换行显示？ 解决方案 可以用以下扩展属性实现： { "tooltip": { "formatter": "function(a){ debugger;return a.seriesName+'</br>'+a.name+'</br>'+a.data.value[1]}" } } 效果图如下： image2018-11-5 14:39:56.png 鼠标提示换行Echarts图形-扩展属性：数据标签 - 桑基图标签换行
（本文档仅供参考，V95，echarts4.2版本上验证通过） 问题说明 桑基图的标签文字太行，如下，如何换行显示？ image2024-11-11_16-26-41.png 解决方案 参考如下扩展属性： "series": [ { "type": "sankey", "label … 数据标签换行Echarts图形-扩展属性：图例 - 仪表盘折线图只显示某些系列折线
（本文档仅供参考） 问题： 当折线图系列过多时，折线堆叠重合，希望可以固定展示某几条折线。在点击其他系列图例时，再出现其他折线。 期望效果： 只显示某个系列折线20230703152504.png 解决方案： 【组件设置】-【自定义属性】-【图形配置】添加扩展属性，将不需要展示的折线，通过控制图例的隐藏 … } } } 说明：图例的当前选择状态是：SUV 类型被选中，而 MPV 类型和 轿车 类型未被选中；因此折线图只展示 SUV 系列折线。 显示部分图例Echarts图形-扩展属性：数据标签 - 柱图标签换行显示
（本文档仅供参考） 问题 如何实现柱图标签换行显示？ 2022-10-08_134513.png 解决方案 可以用以下扩展属性实现： 注意，有多少个类别就需要写多少次 对于该属性具体可见Echarts官网说明：https://echarts.apache.org/zh … 'name：'+ a.name + '\\n' + 'data：'+ a.data.value[1]}" } } } } ] } 2022-10-08_133928.png 数据标签换行图形 - 如何解决饼图和图例叠在一起
（此文档仅供参考） 问题 做饼图的时候，当图例较长较多的时候容易叠加在一起，如下： 1.png 解决方案 可以通过调大画布大小、适当调小图例的文字大小、或者调小饼图半径等操作来解决。 2.png 3.png 4.png 设置之后效果如下： 5.png 饼图和图例重叠Echarts图形-扩展属性：图例布局排版，图例间距，未选择状态下的颜色
（本文档仅供参考） 问题 想修改图例的布局从 横向排版 变成 竖向排版，同时修改图例的间距，以及未选择状态下的颜色 解决方案 可以使用扩展属性实现，如下： { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向，vertical竖向排版，horizontal横向 "align": "left", //图例对齐方式 "itemGap": 20, //修改图例的间距 //未选择默认是灰色，若想自定义设置未选择的颜色，可改下面的属性图例设置
在图例设置中，可以对图形的图例设置样式，包括位置、内容、分页、大小、形状和文本样式，图例设置入口如下： tulixiaoguo-01.png 位置 说明 设置图例的位置，有“无图例、上方、下方、左侧、右侧”五种展示形式。默认图例在上方。 效果 tuli.png 内容 说明 对于饼图、环形图、玫瑰图和半径玫瑰图，支持设置图例显示的文本内容，可设置图例显示“分类”、“指标”、“占比”三种文本内容。默认只显示“分类”值。 效果 设置图例显示“分类”和“占比”，效果如下图所示： tulixiaoguo-02.png 分页 说明 设置图例是否分页显示，默认分页显示。 当图例较多时，若不分页显示则所有图例全部自助仪表盘雷达图标签换行
（本文档仅供参考） 需求背景： 雷达图的分类标签较长的时候需要换行显示，具体如下图 image2024-11-30_18-37-51.png 实现方案： V11版本： 添加扩展属性 option = { "radar": { "axisName": { formatter … (value, indicator) { console.log(value) return value.replaceAll("、", "\n") } } } 雷达图标签换行显示部分图例
的分类比较多，因此若是显示图例的时候，图例也会成片的，这样的效果不大好，这时候可以通过设置部分图例来展示图例。 原效果图： 部分图例2.png 设置后的效果，比如说设置只显示10个图例： 部分图例.png 思路 1）新建客户端宏 1591770461(1).png 2）宏代码如下，显示部分图例 … 产品名称的数组 //从所有图例中截取部分作为新图例，0,9表示从第1个图例开始，截取到第9个 option.legend.data = data.slice(0,9); } 示例资源：显示部分图例.xml 设置部分图例 getoptions截图部分显示部分图例
的分类比较多，因此若是显示图例的时候，图例也会成片的，这样的效果不大好，这时候可以通过设置部分图例来展示图例。 原效果图： 部分图例2.png 设置后的效果，比如说设置只显示10个图例： 部分图例.png 思路 1）新建客户端宏 1591770461(1).png 2）宏代码如下，显示部分图例 … 产品名称的数组 //从所有图例中截取部分作为新图例，0,9表示从第1个图例开始，截取到第9个 option.legend.data = data.slice(0,9); } 示例资源：显示部分图例.xml 设置部分图例 getoptions截图部分
