第9页,共129页。 显示 1,287 条结果 (0.023 秒)
Echarts图形-扩展属性:数据标签 - 柱图数据标签倾斜 45°
(本文档仅供参考) 问题 柱图中的数据标签希望实现倾斜 45° 的效果 image2021-7-7_14-7-10.png 实现方式 参考以下扩展属性实现。 { "series": [{ "itemStyle … ,//标签旋转。从-90度到90度。正值是逆时针。 } } } }] } image2021-7-7_14-8-44.png image2021-7-7_14-9-0.png 数据标签 扩展属性 数据Echarts图形-扩展属性:样式 - 取消数据标签引导线并且数据标签拼接数值
(仅供参考) 问题描述: 希望实现取消数据标签引导线并且数据标签实现拼接数值效果,当下效果如下图: image2023-1-29_10-50-41.png 解决方案 可以使用扩展属性实现 { "series": [{ "label … ": { "show": false } }] } 添加扩展属性后的效果: image2023-1-29_10-54-17.png 饼图数据标签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": true仪表盘系统扩展开发场景
/pages/viewpage.action?pageId=115002486#%E6%9B%BF%E6%8D%A2-iconfont # V11X 模块扩展接口场景示例 # 入门文档: [自助仪表盘二次开发快速入门](https://smartbi.feishu.cn/docs/doccnY0Tuaqlq9WPLksPflegeUh) # 详细接口文档 [V11【X 模块】二次开发扩展接口文档 V2.0.0](https://smartbi.feishu.cn/docx/WhyUdyHAcomRsAxTe3WcJbaDnQg) [https://smartbi.feishu.cn/docsEcharts图形-扩展属性:修改图例大小不修改文字大小
(本文档仅供参考) 问题 如何修改图例大小,图例旁边的文字不修改大小 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 取消某个柱图的鼠标提示