第43页,共123页。 显示 1,221 条结果 (0.045 秒)
Echarts图形-扩展属性:调整数据标注大小
(此文档仅供参考) 问题描述: 数据标注大小如何调小一点,有时候标签太大会遮挡图例和标题? 添加属性前.png 解决方案 可通过扩展属性调整标注大小: { "series": [{ "markPoint": { "symbolSize": 17 } }] } 扩展属性1.png 实现效果如下: 添加属性后.png 数据标注图标大小Echarts图形-扩展属性:柱图显示双堆积图
(本文档仅供参考) 问题: 柱图如何显示成双堆积图呢,堆积的时候柱子总是堆积在了一起。 解决方案: 可以考虑通过扩展属性配置。 { "series": [ { "type": "bar", "stack": "ShipVia"//stack配置系列根据字段进行调整 }, { "type": "bar", "stack": "ShipVia" }, { "type": "bar", "stack": "UnitPrice" }, { "type": "bar", "stack": "UnitPrice" } ] } image2024-1Echarts图形-扩展属性:词云图修改形状
(本文档仅供参考) 问题描述 希望修改词云图形状,类似心形,星形。现在的效果图: image2023-3-13_17-50-54.png 解决方案 可以用扩展属性实现星形,最终效果图: image2023-3-13_17-46-19.png 相关shape属性可参考如下截图: image2023-3-13_17-35-39.png 扩展属性参考: 1 2 3 4 5 { "series": [{ "shape": 'star' }] } 词云图形状Echarts图形-扩展属性:词云图修改文字方向
(本文档仅供参看) 问题描述 希望修改词云图文字方向,全部弄成水平显示,现在的效果图: 1.jpg 解决方案 可以用扩展属性实现,最终效果图: 2.jpg 扩展属性参考: { "series": [{ "rotationRange": ["0", "0"], //切换数值调整文字方向,["0", "0"]表示水平显示 }] } 词云图文字方向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图形-扩展属性:图形标题和图形间距调整
(本文档仅供参考) 问题 请问在仪表分析中是否有办法来调整标题和图形之间的间距? 解决方案 可通过调整标题的高度的方式,调整间距: { 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’