第22页,共489页。 显示 4,882 条结果 (0.038 秒)
【仪表盘】图形组件改变X轴位置
options = portlet.getChartOptions() options.xAxis.position = 'top' options.xAxis.axisLine = { //改变X轴位置 onZero: falseEcharts图形-扩展属性:进度条 - 柱图实现进度条的效果
(本文档仅供参考) 问题: 希望柱图显示为进度条的效果 解决方案 具体请参考如下扩展属性: { "series": [{ "type": "bar", "barWidth": "12%", "itemStyle … , "textStyle": { "color": "rgba(0,0,0,1)" }, "position": ["150%", "-5%"]//如为横条柱图烦请将150%修改为100Echarts图形-扩展属性:刻度 - 自助仪表盘的油量图修改宽度和增加单位
(本文档仅供参考) 问题说明 想修改油量图的宽度和添加单位,目前新建的油量图,什么扩展属性都不添加是下面的效果: image2021-4-2_19-8-57.png 解决方案 可以使用扩展属性实现,如下: image2021-4-2_19-10-16.png 前面需要添加一个英文的逗号,然后添加 … ": "function(value) { return value + '元';}" } } ] 效果图如下: image2021-4-2_19-11-53.png图表组件 ⬝ 联合图
1 概述 联合图是以柱图、堆积柱图、线图或者堆积面积图任意两两组合的表现形式,展现两个或两个以上数据指标情况的图形。常用的联合图是线图和柱图的组合。以下将分别举例单Y联合图和双Y联合图两种图的画法。 2 单Y联合图 2.1 适用场景 单Y联合图只适用于以下条件都满足的情况: 1)指标数据的衡量单位 … 资源的“订单模型”作为数据来源。 3、操作步骤 在数据选择区中,勾选 订单年季 、 销售额 和 销售目标 字段,由系统自动分配到 X轴 和 Y轴 上;或拖拽 订单年季 字段到 X轴 ,销售额 和 销售目标 字段到 Y轴 。 系统默认将第一个添加到 Y轴 的数据以 柱图 展现,后面添加到 Y轴 的数据均以 线图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图形-扩展属性:鼠标提示 - 堆积柱图取消某项指标鼠标提示
(此文档仅供参考) 现象 在做堆积柱图时有时想隐藏某项鼠标提示,例如图中,鼠标移入销售额上显示,导入销售量不显示。 Animation.gif 实现方法 需要写扩展属性实现,而扩展属性中如果需要隐藏销售量,那么就得写在第一个括号内,如果在销售额的下方,就需要写在第二个括号内,如图: { "series": [{ "tooltip": { "showContent": false } }, {}] } image2018-11-11 18:4:5.png image2018-11-11 18:5:37.png 取消某个柱图的鼠标提示Echarts图形-扩展属性:样式 - 雷达图的灰色区间颜色怎么修改
(本文档仅供参考) 问题 产品的雷达图默认是有灰色区间的,我想把这个区间的颜色变成白色,需要怎么实现 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- 堆积图数据标签被遮挡