第22页,共210页。 显示 2,095 条结果 (0.038 秒)
Echarts图形-扩展属性:标签 - 雷达图标签样式自定义
(此文档仅供参考) 问题 如何自定义雷达图标签样式,效果如下图所示: image2022-5-16_18-52-49.png 解决方案 可通过编辑扩展属性实现,如下图所示: image2022-5-16_18-53-38.png 相关扩展属性如下: { "radar": [{ "name": { "textStyle": { "fontSize": "30", "color": "#ff7711", "backgroundColor": "#00aa99Echarts图形-扩展属性:样式 - 地图画布不变,如何将底图默认放大
(本文档仅供参考) 问题 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图形-扩展属性:自助仪表盘饼图自定义数据标签以及提示框内容
图: 2.png 3.修改扩展属性,设置鼠标提示内容,显示百分比: 7.png 3.png "tooltip": { "showContent": true, "formatter": "{b}:{d}%" }, 4.或者可以直接通过扩展属性来实现: (1)双击“产品目录名称”和“数量”字段,由系统自动分配维度到“颜色”标记项、分配度量到“角度”标记项 6.png (2)修改扩展属性: 5.png "tooltip": { "showContent": true, "formatter": "{b}:{d}%" }, "series": [ { "label": { "normal": { "show": trueEcharts图形-扩展属性:修改图例大小不修改文字大小
(本文档仅供参考) 问题 如何修改图例大小,图例旁边的文字不修改大小 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图形-扩展属性:图例 - 仪表盘折线图只显示某些系列折线
(本文档仅供参考) 问题: 当折线图系列过多时,折线堆叠重合,希望可以固定展示某几条折线。在点击其他系列图例时,再出现其他折线。 期望效果: 只显示某个系列折线20230703152504.png 解决方案: 【组件设置】-【自定义属性】-【图形配置】添加扩展属性,将不需要展示的折线,通过控制图例的隐藏,来实现折线的隐藏。 扩展属性 { "legend": { "selected": { "SUV": true, "MPV": false, "轿车": falseEcharts图形-扩展属性:折线 - 联合图设置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": "function