第52页,共192页。 显示 1,919 条结果 (0.027 秒)
Echarts图形-扩展属性:柱图-设置柱子最大宽度
(本文档仅供参考) 问题 希望宽度既能自适应也不会超过想要的最大宽度。如果用设置项进行设置是直接写死,就没有自适应的效果。 解决方案 具体请参考如下扩展属性: { "series": [ //有多少个图例就有多少组 { "barMaxWidth": 20 }, { "barMaxWidth": 20 } ] } 2022-09-13_175245.png 关于此扩展属性具体可见Echarts文档:https://echarts.apache.org/zhEcharts图形-扩展属性:同系列柱图鼠标提示
(本文档仅供参考) 问题 做好柱图后,想实现鼠标移入后同系列柱图鼠标提示都显示出来,如下图: image2018-11-7 21:30:13.png 实现方案 需要写扩展属性即可完成,相关的属性可以上echarts官网查看,http://echarts.baidu.com http://echarts.baidu.com/,此示例的扩展属性如下 { tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' 'shadowEcharts图形-扩展属性:地图背景透明度
(本文档仅供参考) 问题 如何设置地图背景的透明度 解决方案 方案一,可以通过在图形设置中添加扩展属性设置 { "geo": { "itemStyle": { "normal": { "borderWidth": 2 … ": { "areaColor": "#7FFF00" //高亮时地图区域颜色 } } } } 实现效果:如下 地图的背景透明,直接显示电子表格中的背景图了。 image2018-11-20 15:5:0.png 方案二,可通过以下扩展Echarts图形-扩展属性:单条进度条在电子表格中如何实现
步骤6:添加如下扩展属性: https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1626151447666_5lgko.png 具体的扩展属性如下: 此扩展属性针对V95版本: { "series … ": { //是否显示坐标轴刻度 "show": false } } } 如果是V10.5版本,使用此扩展属性: { "series": [{ //如果想要两个系列的柱子重叠,可以设置 barGap 为 '-100%'。这在Echarts图形-扩展属性:环形图设置进度条效果(基于油量图)
(本文档仅供参考) 问题 V10.5以上版本想实现环形进度图,该如何实现呢? image2022-2-18_10-44-54.png 解决方案 我们可以使用油量图并结合扩展属性的方式来实现。注:以下方案适用于【自助仪表盘】与【大屏可视化】中的油量图 1、首先创建一个油量图,并配置好数据 image2022-2-18_10-47-46.png 2、将以下扩展属性复制到油量图的扩展属性中。 { "series": [ { "startAngle": 90, "endAngle": -270, "pointer": { "show": falseEcharts图形-扩展属性:柱图数据太小,导致无法点击跳转
(示例仅供参考) 问题 在echarts柱形图中若存在一些数据相差巨大,会导致无法快速点击数据量小的柱子进行下钻。 柱子太小无法点击.png 解决方案 当柱子展示图形过小,鼠标移上去无法正常显示数据,若此时只想实现鼠标移上去展示柱子数据,可通过增加以下扩展属性实现 … " } } } 阴影扩展属性.jpg 阴影效果.jpg 若还需要点击柱子跳转,可参考以下方案实现: 1.在数据集增加多一个指标字段,修改原来柱图为堆积柱图,如下Echarts图形-扩展属性:调整仪表盘对比柱图左右柱子间距
(本文档仅供参考) 问题描述 如下图,V11仪表盘中使用对比柱图组件,有时候数据标签跟刻度标签靠的太近了,希望调整左右柱子的间距。 image2024-12-19_14-2-45.png 解决方案 由于对比柱图组件是定义了三个grid区域、三个x轴以及三个y轴,故调整左右柱子间隔可直接通过设置grid区域数组控制。 参考如下扩展属性: option = { grid: [{ "right": "53%" }, { "left": "53%" }, {}], } image2024-12-19_14-7-52.png 调整效果: image2024-12-19_14-8-17.png宏示例:如何写宏删除线上展示时扩展数据中的边框
(本文档仅供参考) 问题说明 宏示例:如何写宏删除线上展示时扩展数据中的边框。 解决方案 以下是删除扩展数据边框的示例,以供参考,不同报表样式需对代码另做修改调整,若是此示例不符合项目实际应用场景,可详细描述需求发回以便进一步分析评估能否通过定制实现; 示例的excel设计图 … = spreadsheetReport.getExpandedPositions("B5"); //根据B5单元格扩展出来的所有单元格 if(PosList.length>0){ for(var i=0;i<PosList.length;i++){ var colIndex如何获取Echarts图形完整的扩展属性代码
image2022-10-9_17-25-33.png 2、打开了浏览器的开发者模式(一般是按键盘的F12键),切换到console/控制台界面 image2022-10-9_18-5-24.png 3、鼠标移动到在目标图形上,点击鼠标中键(齿轮状),完整的扩展属性会打印在控制台界面 image2022-10-9_17-26-58.png 4、若需Smartbi支持协助,选择扩展属性,右键另存到本地后把文件发回 image2022-10-9_18-5-48.png 获取echart图形的属性Echarts图形-扩展属性:鼠标提示加圆点显示
(本文档仅供参考) 问题1 我想实现折线图不从Y轴做起点,然后鼠标提示前面加圆点,如下的效果: image2021-2-4_18-59-16.png 解决方案 可以使用扩展属性实现,如下: { "xAxis": { "boundaryGap": true … ; } } } 问题2 柱图鼠标提示加有颜色的圆点,同时最后一个占比值显示和电子表格一致,如下图的需求: image2021-2-8_14-4-26.png 解决方案 可以使用扩展属性实现,如下: { "tooltip": { "trigger": "axis