第17页,共123页。 显示 1,221 条结果 (0.036 秒)
Echarts图形-扩展属性:数据标签 - 堆积柱图数据项标签居上被覆盖
(本文档仅供参考) 问题 堆积柱图数据项标签设置居上时部分标签被覆盖,悬停的时候才会出现 设置.png 设置前.png 解决方案 此问题为由第三方作图工具echarts的处理逻辑导致,可不设置数据项标签并使用以下扩展属性进行规避。 { "series": [{ "name": "销售额", "type": "bar", "stack": "总量", "barMaxWidth": 35, "barGap": "10%", "itemStyle": { "normal": { "color": "rgba(255,144,128,1)", "label": { "show": true, "textStyleEcharts图形-扩展属性:标签 - 环图居中显示数据标签并修改字体样式
(此文档仅供参考) 问题 Echarts环形图如何将某一数据标签显示在环形中间并修改标签样式? a1.png 解决方案 在环形图加上以下扩展属性。 { "series": [{ "data": [{}, { "label": { "normal": { "show": true, "position": "center", "textStyle": { "fontSizeEcharts图形-扩展属性:标签 - 地图区域标签字体颜色修改
(此文档仅供参考) 问题 有时为了美观,想实现地图标签字体颜色修改。 实现方法 在echarts扩展属性中添加此段代码即可。 { "geo": { "label": { "normal": { "show": true, "textStyle": { "color": "blue" } } } } } image2018-11-7 22:7:27.png 如果需要修改地图的鼠标滑动过去字体图形 - 冻结窗格导致Echarts图形显示不全
(本文档仅供参考) 问题说明 报表中设置了冻结窗格的部分会导致Echarts图形显示不全,取消冻结窗格就能显示完全,效果如下: image2021-6-2_10-31-8.png image2021-6-2_10-32-16.png 解决方案 对于当前的现象和产品的冻结功能设计逻辑是有关系的,为了电子表格报表在浏览器上可以正常用同个html方式展示实现冻结效果, 冻结实际上是在冻结区域加上一个图层,然后让下一个图层的信息可以通过滑动展示,所以如果图形存在跨冻结和非冻结区域的情况,就会出现上述现象,分隔成两个图层。对于这样的问题,建议通过如下几个方案进行规避: 方案1、将图形放在冻结区域Echarts图形-扩展属性:缩略轴 - 仪表盘对比柱图设置缩略轴
(本文档仅供参考) (该扩展属性代码已验证适用于echarts 5.1.2版本。由于代码在特定场景下可能存在限制,如果与实际应用场景不完全匹配,请根据具体需求自行调整相关代码,以确保其满足实际使用要求。) 问题 v11中的对比柱图组件,如何添加缩略轴来实现数据滚动展示,不然内容有点多显示不全,同时调整柱子粗细便于浏览。 image2024-11-6_16-24-57.png 解决方案 对比柱图是通过3个Y轴实现的,可在对比柱图上加上以下扩展属性即可。 option = { "series": [{ "barWidth": 10 }, { "barWidth": 10Echarts图形-扩展属性:鼠标提示 - 柱图数据太小,导致无法点击跳转
(示例仅供参考) 问题 在echarts柱形图中若存在一些数据相差巨大,会导致无法快速点击数据量小的柱子进行下钻。 柱子太小无法点击.png 解决方案 当柱子展示图形过小,鼠标移上去无法正常显示数据,若此时只想实现鼠标移上去展示柱子数据,可通过增加以下扩展属性实现: { "tooltip": { "trigger": "axis", "axisPointer": { "type": "shadowECharts图形-标准地图
销售量。 该情景实现的详情请参见 情景1 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=49808309#ECharts%E5%9B%BE%E5%BD%A2-%E6%A0%87%E5%87%86%E5%9C%B0%E5%9B%BE-%E6%83 … 参见 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=49808309#Echarts%E5%9B%BE%E5%BD%A2-%E6%A0%87%E5%87%86%E5%9C%B0%E5%9B%BE-%E6%83%85%E6%99%AF2情景2ECharts图形-标准地图
销售量。 该情景实现的详情请参见 情景1 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=49808309#ECharts%E5%9B%BE%E5%BD%A2-%E6%A0%87%E5%87%86%E5%9C%B0%E5%9B%BE-%E6%83 … 参见 http://wiki.smartbi.com.cn:18081/pages/viewpage.action?pageId=49808309#Echarts%E5%9B%BE%E5%BD%A2-%E6%A0%87%E5%87%86%E5%9C%B0%E5%9B%BE-%E6%83%85%E6%99%AF2情景2图形宏开发技术基础:ECharts基本使用方法
1. ECharts简介 ECharts是一种前端图形组件,与highchart、d3js等类似,用于将数据转化成各种图形进行展示(详见:ECharts官网 https://echarts.apache.org/zh/)。如下图所示,在Smartbi中,可以使用Smartbi的数据集等资源作为数据来源,通过简单的配置,即可自动将数据以可视化图形的方式展现,使得数据变得更加直观、生动。 1.png 2.png 接下我们就来学习ECharts的基本使用方法,以及如何在Smartbi中,使用ECharts灵活绘制各种图形效果。 注意:学习此文档前,强烈建议先花费1小时,访问ECharts官网导出 - 麒麟V10 导出电子表格echarts图形报错
(本文档仅供参考) 问题描述 在麒麟V10环境部署smartbi,导出带echarts图形的电子表格报错,如截图: image2023-7-10_16-5-7.png image2023-7-10_16-3-56.png 问题原因 这是因为导出的时候需要调用操作系统中的字体文件来生成对应的图形效果,但当前的操作系统无对应的中文字体,所以就会报错。 解决方案 通过安装字体并设置字体权限解决相关问题,安装字体后需要重启操作系统 1、查看中文字体 fc-list :lang=zh 2、安装字体 yum -y install fontconfig #安装字体库 yum -y install ttmkfdir