第16页,共177页。 显示 1,765 条结果 (0.025 秒)
Echarts图形-扩展属性:样式 - 地图实现阴影效果
(本文档仅供参考) 问题 如何在产品Echarts图形中实现地图的阴影效果,如下图所示 image2021-8-30_15-2-35.png 解决方案 如需上述地图阴影效果可考虑通过扩展属性实现,如下 { "geo": { "left": 1, "top": 1, "right": 9, "bottom": 50, "itemStyle": { "normal": { "shadowColor": "#1c4880", "shadowBlur": 10, "shadowOffsetX": 5, "shadowOffsetY": 5 } }, } } 地图阴影 地图3d效果Echarts图形-扩展属性:样式 - 航线图的线条以及图标修改
可使用如下扩展属性设置(只对一个图例航线图生效): image2018-11-26 16:51:44.png { "series": [{ "lineStyle": { "normal": { "curveness": 0 … ": { "curveness": 0 } } }] } 上边的扩展属性是对一个图例航线图生效,若是需要对多个图例航线图生效(示例中的黄圈内容需要复制三遍,放到series的中括号中): image2018-11-26Echarts图形-扩展属性:y轴起始值为最小值/设置间隔(函数取整)
(此文档仅供参考) 问题一 修改图形y轴起始值和间隔 image2021-5-13_18-45-25.png 解决方案 可以写扩展属性实现,有如下俩种方案: 方案一:针对双Y联合图y轴设置起始值时需要要加[] { "yAxis": [ //左y轴 { "min": 10, "interval … ,并针对获取到的值为小数时实现取整 解决方案 可以写扩展属性实现: { "yAxis": [ //左y轴 { type: 'value', //获取最小值并实现向上取整 min: 'function(value){ return Math.floor(value.min); }', //获取最大值并实现向下Echarts图形-扩展属性:柱子 - 柱图翻转显示
(本文档仅供参考) 问题 在excel中插入echarts图形,并且将图形旋转。但是再发布以后图形还是正向,如下图所示: 图形反向.png 解决方案 电子表格中的旋转按钮是excel的功能,我们无法将其屏蔽,旋转图形后不会对图形生效。 若需要柱图反向显示,建议通过echarts图形实现,可以通过扩展属性实现,如下 { "xAxis": { "position": "top" }, "yAxis": { "position": "right", "inverse": true } } 调整X轴Y轴.jpg 实现效果如下: 最终效果Echarts图形-扩展属性:样式 - 油量图颜色渐变
(本文档仅供参考) 问题 油量图希望实现颜色实现渐变的效果,如下截图 image2021-3-30_18-45-13.png 解决方案 在自助仪表盘中,具体请参考如下扩展属性 https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1616996547755_bahkg.png "series": [ { "axisLine": { "show": true, "lineStyle": { "color": [ [ 1, { "x": 0Echarts图形-扩展属性:标签 - 地图数据标签设置边框
(本文档仅供参考) 问题 如何在地图上设置数据标签的边框。 解决方案 以下示例为自助仪表盘中的自定义属性: option = { "series": [{ "label": { "normal": { "show": true, "formatter": "function(a){ return a.name+':'+a.data.displayValue[1]}", "position": "right", "fontSize": "40", //边框 "borderWidth": 3WEB电子表格 · 字段属性
扩展属性 扩展属性是指设置绑定字段单元的父格设置、扩展方向、数据设置、扩展方式、页面设置等。 2022-06-26_14-43-00.png 扩展属性涉及到电子表格的设计原理,关于扩展属性的详情请参见:电子表格-设计原理 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83710129 章节。 属性设置 单元格属性设置中可以设置数据过滤、排序、结果集过滤、使用显示值、分页属性、空值显示。 01.png 02.png 单元格设置的使用详情请参见:电子表格-设计原理 章节。 页面设置 支持对报表进行分页设置Echarts图形-扩展属性:折线 - 鼠标移入数据点变小
(本文档仅供参考) 问题 鼠标移入线图的数据点时,数据点变小。 解决方案 折线图高亮时点的样式可参考以下属性,目前只能设置点的样式,并不能实际更改点的大小 // 设置折线图中点的样式 symbolSize: 10, // 点的大小 // 设置折线图中的点的样式 itemStyle: { normal: { borderColor: 'rgba(220,20,60,0.8)', // 点边框颜色 borderWidth: 20 // 点边框大小Echarts图形-扩展属性:样式 - 旭日图调整内圈大小
(此文档仅供参考) 现象 旭日图通过设置项只能调整内圈和外圈的半径大小,如下图: 截屏2021-09-10 下午3.48.51.png 现在想要单独调整每个圈之间的半径,如下图 截屏2021-09-10 下午3.15.21.png 实现方法 image2021-9-10_15-50-19.png 截屏2021-09-10 下午3.15.21.png 完整的扩展属性如下: "type": "sunburst", "radius": [ 0, "75%" ], "levels": [ { "r0": "0%", "r": "60%", "itemStyle": { "borderWidth": 2Echarts图形-扩展属性:样式 - 树图文字重叠
(本文档仅供参考) 问题: 数据量比较大时,树图显示的效果会出现文字重叠的情况,影响美观,可否调整? image2023-11-8_14-13-43.png 解决方案: 1、尽可能调大画布 2、文本字体调小一些 3、数据量通过参数筛选控制 4、如用上面方法后数据量仍然很多,且显示不全,可以参考配置下面的扩展属性调整 { "series": [{ "roam": true,//允许鼠标缩放和平移漫游 "initialTreeDepth": 1 //控制树图初始展开的层级(深度)。根节点是第 0 层,然后是第 1 层、第 2 层,... }] } 其中,控制树图初始展开