第36页,共420页。 显示 4,192 条结果 (0.032 秒)
Echarts柱图 x轴名称发生偏移
(本文档仅供参考) 现象 在原始环境显示正常的echarts图形,如下图所示: image2021-4-25_14-44-59.png 当导入到相同版本的另一个环境中,x轴名称向上偏移,如下图所示: image2021-4-25_14-47-28.png 解决方案 此现象是由于新(有问题)环境中缺少对应的字体导致的,可参考此wiki文档添加字体解决:电子表格打印或导出到PDF时以及图形上中文变乱码/分析报告打开乱码Echarts水滴图如何在smartbi中实现
问题 在Echarts的示例网站找到了这样一个示例,文档链接:http://gallery.echartsjs.com/editor.html?c=xA4e8BdM6m http://gallery.echartsjs.com/editor.html?c=xA4e8BdM6m(效果如下图),请问这样的效果可以直接做到吗? 未命名.png 解决方案 此效果图里面引用了第三方的脚本(如下图),所以此效果无法直接通过写扩展属性实现,需要额外开发扩展包去做。 未命名2.jpg favourite【油量图】调整刻度值字体大小
(本文档仅供参考) 问题描述 调整刻度值字体大小 image2023-11-30_9-43-20.png 解决方案 通过自定义属性实现 image2023-11-30_9-43-48.png option = { series: [{ "axisLabel": { "show": true, "fontSize": 25 } }] }Echarts图形-扩展属性:自助仪表盘柱图柱子设置渐变色
(本文档仅供参考) 问题 自助仪表盘柱图上想要柱子的颜色实现渐变的效果,如下截图 image2021-8-24_18-12-52.png 解决方案 具体请参考如下扩展属性: { "series": [{ "itemStyle": { "normal": { "color": { "x": 0, "y": 0, "x2": 0, "y2": 1, "Echarts图形-扩展属性:分别对饼图扇区设置不同颜色且设置透明度
(本文档仅供参考) 问题 echarts扩展属性如何实现在饼图中分别给不同的扇区设置颜色且设置透明度? 解决方案 可在图形中增加扩展属性,扩展属性如下: { "series": [{ "data": [{ "itemStyle": { // 多个扇区可设置多个itemStyle "color": "rgba(255, 0, 0, 0.2)" //rgba前三个值为rgb颜色值,最后一个为颜色透明度 } }, { "itemSt仪表盘旭日图如何在标签中显示度量值
(本文档仅供参考) 问题说明 仪表盘的旭日图中,标签值不能显示度量值,请问用什么方法能显示出来呢?内外环都显示度量值。 image2023-8-1_16-43-43.png 解决方案 可参考如下扩展属性: { "series": [ { "levels": [ {}, { "label": { "formatter": "function(arg){return arg.name+Math.round(arg.value);}", "align": "center", "rotate": "0", "silent": true自助仪表盘柱图X轴只显示某个字段的内容
(本文档仅供参考) 问题说明 X轴有多个字段显示时,只想要获取名称【只显示某个字段】,不需要显示ID【不需要显示其他字段,但其他字段又不能去掉】,只需显示名称,需要怎么实现呢? image2021-12-9_12-3-27.png 解决方案 使用扩展属性formatter函数,调用分割字符串方法显示对应字段内容: "formatter": "function(val){ var value = val.split('_')[1]; return value ? value : val}" 其中split('_')意思为,以 _ 为分割点,[1【饼图】取消数据标签引导线并且数据标签拼接数值
(仅供参考) 问题描述: 希望实现取消数据标签引导线并且数据标签实现拼接数值效果,当下效果如下图: image2023-1-29_10-50-41.png 解决方案 可以使用扩展属性实现 { "series": [{ "label": { "normal": { "formatter": "function(arg){return arg.name + ':'+arg.value.toFixed(1)}" } }, "labelLine"Echarts图形-扩展属性:Echarts3D柱图Z轴0刻度(第一个刻度)能否不显示
(本文档仅供参考) 问题 想把这个0去掉 有办法么,设置了scale:true,不管用 image2018-11-15 17:56:0.png 解决方案 通过扩展属性将0标签的字体颜色设置为与底色一样(实际0还在,只是不明显了,仔细看还是能看出一点点): { zAxis3D: { type: 'value', data: [{ value: 0, textStyle: { color: '#fff' }}] } } 实现效果: image2018-11-15 17:58:13.png第二课:Smartbi图形宏
1 图形宏简介 当图形需要根据数据,动态展示一些效果的时候,使用扩展属性也难以满足。Smartbi提供了“图形宏”功能,用户能根据需求实现图形的各种动态效果。“图形宏”是报表宏的一部分,是单指作用在ECharts图形对象上的报表宏,用户可以使用“图形宏”实现丰富的图形效果(如下图,实现柱图轮播)。 柱图轮播.GIF 基本上,使用Smartbi的图形宏功能,可以在Smartbi实现任何使用ECharts能够实现的图形。创建入口与创建报表宏相同(详见:报表宏创建方式 https://wiki.smartbi.com.cn//pages/viewpage.action?pageId=69731515),功能