第30页,共420页。 显示 4,192 条结果 (0.034 秒)
横条图y轴标签文字超过某个数值换行显示
(仅供参考) 问题描述: 目前横条图显示效果如下图1,如何实现y轴标签文字超过2个字时换行显示,如下图2? image2022-4-20_18-52-34.png image2022-4-20_18-47-4.png 解决方案 可以使用扩展属性实现 image2022-4-20_18-50-42.png image2024-1-17_14-50-51.png { "yAxis": { "axisLabel": { "formatter": "function (value) {var length = 2Echarts图形-扩展属性:柱图、线图如何实现X轴指标滑动效果
(本文档仅供参考) 说明 如何在产品Echarts图形中设置柱图、线图X轴滑动显示,如下图所示 echarts滑动x轴.gif 解决方案 如需实现上述效果,可通过扩展属性实现,如下 { "xAxis": { "axisLine": { "lineStyle": { "color": "#53636f" } }, "axisTick": { "show": false } }, "yAxis": { "axisLineEcharts图形-扩展属性:饼图的颜色修改,图例圆点样式的修改
(本文档仅供参考) 问题1 想修改饼图的颜色,然后图例圆点显示,如下图: image2021-3-19_10-9-22.png 解决方案 可以使用扩展属性实现,如下: { "legend": { "show": "ture", //图例显示 "orient": "vertical", //图例布局朝向,vertical竖向排版 "align": "left", //图例对齐方式 "right": "16px", //图例距右侧距离16像素 "top": "center", //图例距顶部上下居中 "icon矩阵树图
桑基图
Echarts图形-扩展属性:柱图鼠标提示保留3位小数
(本文档仅供参考) 问题 如何实现柱图鼠标提示保留3位小数的效果 解决方案 可以用以下扩展属性实现: { "tooltip": { "show": true, "formatter": "function(a){ return a.name+':'+parseFloat(a.value).toFixed(3)}" } } 效果如下图示: image2022-4-7_17-35-2.pngEcharts图形-扩展属性:环形图如何设置板块间间隙
(本文档仅供参考) 问题 环形图各个板块之间的空隙如何设置?设置成如下样式: 1.png 解决方案 可用扩展属性实现,示例: { "series": [{ "itemStyle": { "normal": { "borderWidth": 5, "borderColor": "rgba(0,255,0,0.36)" //颜色和背景色一致 } } }] }基于impala数据库,使用自助仪表盘做油量图的时候报错
(本文档仅供参考) 问题现象 在使用v8.5版本的自助仪表盘做油量图的时候报错了,数据库是impala数据库。若用数据做柱图是没问题的,也让客户将错误信息中的sql放入impala数据库中执行,发现是在执行的sql最后面添加了order by 导致的 image2018-11-16 16:58:2.png image2018-11-16 16:58:45.png 问题原因 该问题与war包版本无关,主要是因为系统选项中配置的查询分页默认的是SQL分页,如果是SQL分页,则执行SQL会在查询外套一层并加上order by后根据返回结果分段分页,由于impala数据库比较特殊,如果最外层使用了SUM,则order自助仪表盘设置柱图柱子宽度
(此文档仅供参考) 问题说明: 自助仪表盘需要设置柱图的柱子宽度,但是在组件样式设置处没有设置的设置项 image2020-2-24 17:48:14.png 解决方案 可以写扩展属性去设置柱子的宽度 02.png 03.png 用到的扩展属性如下 { "series": [ { "barWidth": 5 } ]}Echarts图形-扩展属性:柱图鼠标提示背景设置渐变色
(此文档仅供参考) 问题 柱图鼠标提示背景设置渐变色 image2022-12-6_19-35-47.png 解决方案 可以使用扩展属性实现 { "tooltip": { "trigger": "axis", "extraCssText": "background: linear-gradient(0deg, #19263B 0%, #FF0000 100%);" //0deg从上往下渐变,270deg从左往右渐变色,#19263B,#FF0000分别为渐变的颜色 } }