第11页,共177页。 显示 1,765 条结果 (0.024 秒)
Echarts图形-扩展属性:样式 - 地图画布不变,如何将底图默认放大
(本文档仅供参考) 问题 echarts地图画布不修改,如何打开地图的时候里面的底图默认等比放大。 解决方案 可在图形中增加扩展属性,设置地图底图默认放大: { "series": [{ "type": "map", "mapType": "china", zoom: 2 }] } 效果如图: image2018-10-27 10:59:40.png 对于其他省份的地图,也可以直接采取如下的扩展属性实现此效果: { geo: { zoom: 1.2 } } 地图底图大小Echarts图形-扩展属性:样式 - 地图组件修改选中后的颜色
(本文档仅供参考) 问题描述 仪表盘中使用地图组件时点击之后会有颜色,默认为黄色,系统并没有可修改的配置项 1.png 解决方案 此需求可以通过扩展属性解决,添加下图中扩展属性即可修改点击后的颜色。 { "geo": { "select": { "itemStyle": { "color": "rgba(208,2,27,1)" } } } } 3.png2.png 地图高亮颜色 地图选择颜色Echarts图形-扩展属性:修改图例大小不修改文字大小
(本文档仅供参考) 问题 如何修改图例大小,图例旁边的文字不修改大小 2022-06-06_173511.png 解决方案 通过图例-文字样式可以修改图例图形和文字的大小。 2022-06-06_173945d.png 若希望只修改图例的图形大小,可以使用扩展属性实现 { legend: { itemWidth: 40, //调节横线长短 itemHeight: 19 //调节圆圈大小 } } 效果如下: image_1654505612749_fmdgm.png 扩展:自助仪表盘中的自定义属性 { "legend": { "itemWidth": 50Echarts图形-扩展属性:坐标轴 - 横条图坐标轴在右边显示
: image2023-11-30_17-55-4.png 想实现的横条图效果: image2023-11-30_17-56-44.png 解决方案 具体请参考如下扩展属性: { "xAxis": { "inverse": true }, "yAxis": { "position": "right" }} } 备注:如果遇到标签和分类名称重叠的情况,如下图: image2023-11-30_18-11-25.png 可以参考如下扩展属性Echarts图形-扩展属性:鼠标提示 - 堆积柱图取消某项指标鼠标提示
(此文档仅供参考) 现象 在做堆积柱图时有时想隐藏某项鼠标提示,例如图中,鼠标移入销售额上显示,导入销售量不显示。 Animation.gif 实现方法 需要写扩展属性实现,而扩展属性中如果需要隐藏销售量,那么就得写在第一个括号内,如果在销售额的下方,就需要写在第二个括号内,如图: { "series": [{ "tooltip": { "showContent": false } }, {}] } image2018-11-11 18:4:5.png image2018-11-11 18:5:37.png 取消某个柱图的鼠标提示Echarts图形-扩展属性:折线 - 联合图设置X轴起点在Y轴上
(此文档仅供参考) 问题 如下图,想设置第一条数据标在Y轴点 image2019-10-11 18:36:18.png 解决方案 可采用以下扩展属性 { "xAxis": { "boundaryGap": false } } image2019-10-11 18:35:32.png 另外,对于联合图是自定义标线的起点不在Y轴上的问题也可以用此扩展属性解决。 image2019-10-11 18:38:0.pngEcharts图形-扩展属性:数据标签 - 矩阵树图标签显示数据
(本文档仅供参考) 问题: 矩阵树图默认只显示类别,如何在数据标签中显示数据呢? 默认.png 解决方案: 可以参考配置下面的扩展属性调整 { "series": [ { "label": { "formatter": "function(a){return a.name +'\\n'+parseFloat(a.value).toFixed(2) }" } } ] } 添加方法.png 实现效果如下 添加后.png 占比可参考下面扩展属性 option = { "series": [{ "label": { "formatter": "functionEcharts图形-扩展属性:鼠标提示 - 雷达图鼠标提示显示在图表区域内
(本文档仅供参考) 问题 雷达图鼠标有很多值的时候,鼠标提示会显示超出图表区域,这时候要如何解决? image2018-11-20 11:26:31.png 解决方案 可通过扩展属性实现限制鼠标提示在区域内,具体用如下扩展属性: { "tooltip": { "confine": true } } image2018-11-20 11:28:24.png 效果: image2018-11-20 11:28:5.png 鼠标提示显示不全Echarts图形-扩展属性:图例 - 地图调整图例柱子粗细及文字位置
问题 地图图例柱子粗细怎么调整,以及怎么让图例的两端文字显示在柱子内部? 解决方案 可在图形中通过扩展属性实现: { "visualMap": [{ "show": true, "itemWidth": 100, //图形的宽度,即长条的宽度 "itemHeight": 90, //图形的高度,即长条的高度 "textGap": -15, //两端文字主体之间的距离 }] } 效果如图: image2023-1-29_13-48-46.png 属性说明见:https://echarts.apache.org/zhEcharts图形-扩展属性:样式 - 地图不同区间的数据不同图标
(本文档仅供参考) 问题 电子表格的地图中希望设置不同区间的数据显示为不同图标,如下图: image2021-4-14_18-11-21.png image2021-4-14_18-14-54.png 解决方案 在电子表格-图形设置中,请参考如下扩展属性 … ", "label": "中等" }] }] } 可参考示例资源:地图标识扩展属性.zip 不同数据标签不同