第50页，共132页。 显示 1,312 条结果 (0.623 秒)
Echarts图形-扩展属性：图例如何添加自定义文字
(本文档仅供参考) 问题描述： 实际数据不修改，某个图表组件的图例想自定义加些文字说明，请问可以怎么自定义修改？ image2024-10-12_11-13-44.png 解决方法： 可以使用扩展属性实现： option = { "legend": { "formatter": "function (name) {{return name+'测试'}}" } } image2024-10-12_11-16-7.png 图例添加文字Echarts图形-扩展属性：地图鼠标提示隐藏某个数据列
（此文档仅供参考） 问题描述： 如果按照需求隐藏某个数据列，例如显示是分类和数据1，鼠标提示希望显示分类和数据2就行，如图，鼠标提示去隐藏数量 image2024-7-26_15-15-52.png 处理方案： 参考使用自定义扩展属性实现 { "tooltip": { "trigger": "item", "formatter": "function(params){return params.name http://params.name + '</br>'+ '单价：'+params.value[2] ;}" } } 效果如图： image2024-7-26_15-24-33.pngEcharts图形-扩展属性：修改数据视图背景色
（本文档仅供参考） 问题： 希望修改数据视图的背景色，如何在扩展属性修改。 解决方案： 数据视图的扩展属性可参考Echarts文档：https://echarts.apache.org/zh/option.html#toolbox.feature.dataView https://echarts.apache.org/zh/option.html#toolbox.feature.dataView 参考配置： { "toolbox": { "feature": { "dataView": { //修改下方的颜色代码即可 "textEcharts图形-扩展属性：X轴坐标轴名称与轴线之间的距离调整
（此文档仅供参考） 问题 希望调整x轴坐标轴名称与轴线的距离，避免重叠，如下图 image2021-11-3_11-29-30.png 实现方案 可以用以下扩展属性实现：（具体值设置大小可结合实际调整） { "xAxis": { "nameGap": 30 } } image2021-11-3_11-32-12.png x轴名称距离标线距离删除标签Echarts图形-扩展属性：图例样式，只保留线不显示点（折线图）
(本文档仅供参考) 问题 如何修改图例样式，只保留线不显示点 image2021-6-2_18-22-42.png 解决方案 可以使用扩展属性实现 { "legend": { "show": true, "icon": "line" } } 效果如下： image2021-6-2_18-23-15.png 若使用联合图，一个是柱图，一个是线图，只修改线图图例样式为横线可参考如下扩展属性： { "legend": [{ "itemWidth": 12, "itemHeight": 12,Echarts图形-扩展属性：图例布局排版，图例间距，未选择状态下的颜色
（本文档仅供参考） 问题 想修改图例的布局从 横向排版 变成 竖向排版，同时修改图例的间距，以及未选择状态下的颜色 解决方案 可以使用扩展属性实现，如下： { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向，vertical竖向排版，horizontal横向 "align": "left", //图例对齐方式 "itemGap": 20, //修改图例的间距 //未选择默认是灰色，若想自定义设置未选择的颜色，可改下面的属性 "inactivEcharts图形-扩展属性：图例分页按钮、文字自定义大小
(本文档仅供参考) 问题 如何实现自定义图例分页按钮、文字大小 2023-10-10_134301.png 解决方案 可参考以下扩展属性 option = { legend: { pageIconSize: 30, pageTextStyle: { fontSize: 15 } } } 2023-10-10_133834.png 相关属性具体见Echarts官网：https://echarts.apache.org/zh/option.html#legend.pageIconSize https://echarts.apache.org/zh/option.html#legenEcharts图形-扩展属性：10.5.8版本修改标线样式
（本文档仅供参考） 问题 V10高版本已在组件设置里支持配置标线样式，由于不能升级版本，需要在10.5.8版本修改标线的样式 解决方案 该需求可通过扩展属性实现。 可参考扩展属性代码： { "series": [ { "markLine": { "data": [ { "type": "average" //支持'average', 'min', 'max' } ], "lineStyle": { "width": 3, //宽度 "color": "rgba(245, 15, 15, 1)",Echarts图形-扩展属性：修改数据标注中文字颜色
（本文档仅供参考） 问题1 修改数据标注中文字的颜色 5.png 解决方案 示例为折线图，具体请参考如下扩展属性： { "series": [{ "markPoint": { "label": { "normal": { "color": "black" } } } }] } 3.png 修改为黑色，显示效果如下： 4.png 问题2 有多条折线，如果让每条折线上的数据标识文字都修改颜色 解决方案 示例为折线图，需Echarts图形-扩展属性：修改数据标注格式为万
（本文档仅供参考） 问题 数据标注默认显示的是原始的数值的格式，如下截图： 图片1.png 有的时候希望修改数据标注格式，例如显示为万元等 解决方案 可以使用以下扩展属性去修改数据标注格式，如下： { series: [{ markPoint: { data: [{ "type": "max", "name": "最大值", label: { formatter: function(arg) {
