第45页，共152页。 显示 1,517 条结果 (0.033 秒)
Echarts图形-扩展属性：图例如何添加自定义文字
(本文档仅供参考) 问题描述： 实际数据不修改，某个图表组件的图例想自定义加些文字说明，请问可以怎么自定义修改？ image2024-10-12_11-13-44.png 解决方法： 可以使用扩展属性实现： option = { "legend": { "formatter": "function (name) {{return name+'测试'}}" } } image2024-10-12_11-16-7.png 图例添加文字地图组件
Echarts图形-扩展属性：图形标题和图形间距调整
（本文档仅供参考） 问题 请问在仪表分析中是否有办法来调整标题和图形之间的间距？ 解决方案 可通过调整标题的高度的方式，调整间距： { title: { top: 20 } } image2020-9-4_11-2-40.png 1.jpg 标题和图形的距离Echarts图形-扩展属性：Y轴实现坐标梯度增加
（本文档仅供参考） 问题 如何实现Y轴坐标轴梯度增加，如10 100 1000这种。 解决方案 可以用以下扩展属性实现： { "yAxis": { "logBase": 10, "type": 'log', "min": 1 } } 效果图如下： image2020-8-5_16-2-10.png 注：logBase为log的底数，可自行去设置，并且最小值不能为0，因为对数的指数不能为0（min属性），当最小值为0的时候，图形效果会不美观。 y轴递增 y轴梯度 调整y轴刻度标签对数显示Echarts图形-扩展属性：自定义的标线始终显示
（本文档仅供参考） 问题 自定义的数据标线在不勾选图例时会消失不见 解决方案 该需求可通过扩展属性实现。 可参考扩展属性代码： "series": [ { "markLine": { "symbolSize": 1, "data": [ { "name": "时序进度1", "xAxis": 6000 } ], "lineStyle": { "normal": { "color": "red" } } } }, { "markLine": { "symbolEcharts图形-扩展属性：关系图的连线设置箭头方向
（本文档仅供参考） 问题 关系图，在关系连线上直接显示箭头，实现源 -> 目标，如下图所示 image2022-6-12_17-4-47.png 解决方案 可使用如下扩展属性代码实现： { "series": [{ "edgeSymbol": ['none', 'arrow'], "edgeSymbolSize": [10, 10] }] } 另 symbol的可选取值，如下： ‘circle’(圆形), ‘rect’（矩形）, ‘roundRect’（圆角矩形）, ‘triangle’（三角形）, ‘diamond’（菱形）, ‘pin’（大头针）, ‘arrow’Echarts图形-扩展属性：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) {Echarts图形-扩展属性：柱图鼠标提示保留3位小数
（本文档仅供参考） 问题 如何实现柱图鼠标提示保留3位小数的效果 解决方案 可以用以下扩展属性实现： { "tooltip": { "show": true, "formatter": "function(a){ return a.name+':'+parseFloat(a.value).toFixed(3)}" } } 效果如下图示： image2022-4-7_17-35-2.png 鼠标提示小数位数
