第8页,共111页。 显示 1,105 条结果 (0.022 秒)
Echarts图形-扩展属性:标签 - 地图区域标签字体颜色修改
(此文档仅供参考) 问题 有时为了美观,想实现地图标签字体颜色修改。 实现方法 在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图形-扩展属性:柱子 - 并列柱图数据差异过大,导致数据柱子不显示
": "total" }, { "name": "8", "type": "bar", "yAxisIndex": 1 } ] image2023-9-18_10-58-31.png 3、演示效果如下,如需在此基础上再调整右轴的轴值范围,可参考如下wiki文档设置扩展属性:Echarts图形-扩展属性:y轴最大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官网第一课:Smartbi中配置ECharts属性
1 可视化配置 Smartbi针对ECharts图形,提供了可视化的配置界面,可支持用户在不了解option配置属性的情况下,依然能按自己的需求,制作出丰富的ECharts图形效果。 Smartbi中的图形可视化配置界面,同样是与ECharts图形结构是一一对应的,如下图所示。其本质是根据用户在可视化配置界面中的设置,构建出option配置对象,进而绘制出ECharts图形的。 14.png 2 扩展属性 ECharts的配置项非常丰富及灵活,无法通过Smartbi的可视化配置界面实现一一对应。因此Smartbi提供扩展属性的功能,当可视化配置界面无法配置出所需图形效果时,可以考虑使用扩展属性调整图形。 15.png第一课:Smartbi中配置ECharts属性
1 可视化配置 Smartbi针对ECharts图形,提供了可视化的配置界面,可支持用户在不了解option配置属性的情况下,依然能按自己的需求,制作出丰富的ECharts图形效果。 Smartbi中的图形可视化配置界面,同样是与ECharts图形结构是一一对应的,如下图所示。其本质是根据用户在可视化配置界面中的设置,构建出option配置对象,进而绘制出ECharts图形的。 14.png 2 扩展属性 ECharts的配置项非常丰富及灵活,无法通过Smartbi的可视化配置界面实现一一对应。因此Smartbi提供扩展属性的功能,当可视化配置界面无法配置出所需图形效果时,可以考虑使用扩展属性调整图形。 15.png