第20页,共451页。 显示 4,505 条结果 (0.925 秒)
图表组件 ⬝ 联合图
1 概述 联合图是以柱图、堆积柱图、线图或者堆积面积图任意两两组合的表现形式,展现两个或两个以上数据指标情况的图形。常用的联合图是线图和柱图的组合。以下将分别举例单Y联合图和双Y联合图两种图的画法。 2 单Y联合图 2.1 适用场景 单Y联合图只适用于以下条件都满足的情况: 1)指标数据的衡量单位 … 资源的“订单模型”作为数据来源。 3、操作步骤 在数据选择区中,勾选 订单年季 、 销售额 和 销售目标 字段,由系统自动分配到 X轴 和 Y轴 上;或拖拽 订单年季 字段到 X轴 ,销售额 和 销售目标 字段到 Y轴 。 系统默认将第一个添加到 Y轴 的数据以 柱图 展现,后面添加到 Y轴 的数据均以 线图交互仪表盘实现多指标对比柱图方案
(本文档仅供参考) 问题 当前对比柱图中,只能选择1个维度和两个度量,那么如何实现多指标对比柱图? 对比柱图.png 多指标对比柱图.png 解决方案 1.通过左右翻转多指标柱图来组合生成多指标对比柱图 自定义属性.png 自定义属性 option = { "yAxis … ": { "show": true, "position": "left"// 第二个系列的标签显示在左侧 } }] } 对比柱图多指标Echarts图形-扩展属性:鼠标提示 - 柱图鼠标提示换行显示
(本文档仅供参考) 问题 如何实现柱图鼠标提示换行显示? 解决方案 可以用以下扩展属性实现: { "tooltip": { "formatter": "function(a){ debugger;return a.seriesName+'</br>'+a.name+'</br>'+a.data.value[1]}" } } 效果图如下: image2018-11-5 14:39:56.png 鼠标提示换行Echarts图形-扩展属性:样式 - 环形图如何设置板块间间隙
(本文档仅供参考) 问题 环形图各个板块之间的空隙如何设置?设置成如下样式: 1.png 解决方案 可用扩展属性实现,示例: { "series": [{ "itemStyle": { "normal": { "borderWidth": 5, "borderColor": "rgba(0,255,0,0.36)" //颜色和背景色一致 } } }] } 环形图间隙Echarts图形-扩展属性:数据标签 - 自助仪表盘树图自适应显示文字内容
(本文档仅供参考) 问题说明 使用自助仪表盘矩形树图,部分内容显示不全,超出显示的部分显示成省略号...,希望可以自适应显示全部内容。 image2022-9-1_17-53-23.png 解决方案 注:由于echarst版本问题,旧版本(已测4.8.0)此属性配置方式 … ,查看console界面,找到对应扩展属性内容,复制出来分析 字体显示的位置。 image2022-9-1_19-16-8.png image2022-9-1_19-21-18.png 3、在echarts官网示例中,找树图类似示例httpsEcharts图形-扩展属性:样式 - 雷达图的灰色区间颜色怎么修改
(本文档仅供参考) 问题 产品的雷达图默认是有灰色区间的,我想把这个区间的颜色变成白色,需要怎么实现 image2021-3-19_14-45-42.png 解决方案 可以使用扩展属性实现,如下: { "radar": [{ "splitArea … , 255, 255, 1)"] } } }] } 原图,什么扩展属性都没有添加的效果: image2021-3-19_14-47-46.png 添加上面的扩展属性之后的效果: image2021-3-19_14-47-20.png 雷达图区间颜色图表组件-联合图
概述 类型 描述说明 效果 单Y联合图 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83699223 以线图、柱图、面积图或者散点图等任意两两组合的表现形式展现两个或两个以上数据指标情况。只有一个Y轴的联合图。 2022-02-17_10-46-13.png 双Y联合图 https://wiki.smartbi.com.cn/pages/viewpage.action?pageId=83699262 以线图、柱图、面积图或者散点图等任意两两组合的表现形式来展现两个或两个以上数据指标情况。坐标轴左右两边都有一个Y轴的联合图Echarts图形-扩展属性:数据标签 - 堆积柱图数据项标签居上被覆盖
(本文档仅供参考) 问题 堆积柱图数据项标签设置居上时部分标签被覆盖,悬停的时候才会出现 设置.png 设置前.png 解决方案 此问题为由第三方作图工具echarts的处理逻辑导致,可不设置数据项标签并使用以下扩展属性进行规避。 { "series": [{ "name": "销售额", "type … =xeAx1KwHM- https://www.makeapie.com/editor.html?c=xeAx1KwHM- 堆积图数据标签被遮挡Echarts图形-扩展属性:样式 - 自助仪表盘中的树图怎么不缩放不移动,实现固定的效果
(本文档仅供参考) 问题说明 自助仪表盘图形组件中的树图怎么设置不缩放,不滚动,固定的效果: image2021-3-19_9-47-20.png 解决方案 可以添加扩展属性实现,如下: image2021-3-19_9-46-55.png 具体的扩展属性如下: "series": [ { //这个是鼠标滚轮缩放的 "roam": false, //这个是控制点击移动的 "nodeClick": false } ] 树图固定不移动 树图固定 树图不动图形 - Echarts堆积柱图Y轴溢出
(本文档仅供参考) 问题 在做ecahrts堆积柱图的时候会出现Y轴溢出的情况,如下图: image2022-4-25_14-0-30.png 原因 由于echarts4.2本身的bug导致的,勾选了数据区域后扩展属性会出现dataZoom导致出现溢出的问题,echarts4.8不存在此问题。 解决方案 取消勾选数据区域缩放,如下图: https://s2-cs-pub-std.oss-cn-shanghai.aliyuncs.com/icon/tid8599/image_1650853546388_t4iq8.png