第24页，共310页。 显示 3,100 条结果 (0.047 秒)
Echarts图形-扩展属性：双柱图加面积图的实现
（本文档仅供参考） 问题 想实现下面的双柱图的效果，通过加一个折线图，这个折线图是两个指标值的差值，效果图如下： image2021-2-8_15-3-43.png 解决方案 差值是D4单元格减去C4单元格，然后基于这些数据作图，如下： image2021-2-8_15-17-42.png … , // "stack": "default" //线圆润显示 smooth: true, //去掉线上的点 symbol: 'none', //设置线的样式 "lineStyle": { "normal第二课：Smartbi图形宏
，当使用“覆盖式”扩展属性可以直接展示完整option对象的图形，但是不支持动态计算的代码。学习完图形宏，我们可以借助图形宏，在Smartbi中快速复制其他地方的ECharts图形，作为Demo展现。下面以实际案例讲述制作方法。 在ECharts官网上看到一个3D折线图，想要直接在Smartbi中展现，由于其中包含动态计算data的代码，无法直接使用“覆盖式”扩展属性。 36.png 此时我们可以考虑使用图形宏，由于图形宏里面是可以正常运行动态计算代码的，因此可以直接在beforeRender事件中，替换掉整个option。 于是，创建一个beforeRender事件的图形宏，直接复制“3D折线图”的全部代码，放到图形宏里面Echarts图形-扩展属性：修改数据标注中文字颜色
（本文档仅供参考） 问题1 修改数据标注中文字的颜色 5.png 解决方案 示例为折线图，具体请参考如下扩展属性： { "series": [{ "markPoint": { "label": { "normal": { "color": "black" } } } }] } 3.png 修改为黑色，显示效果如下： 4.png 问题2 有多条折线，如果让每条折线上的数据标识文字都修改颜色 解决方案 示例为折线图ECharts图形-标准面积图/堆积面积图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 面积图在折线图的基础上将折线与分类（X）轴之间填充 … 进行对比分析。 下面我们以零售公司为例，年底对公司产品销售额变化情况进行数据分析时，通常会有如下分析需求： 数据对比分析需求 分析 效果 情景1：查看公司当年销售额的变化情况。 该需求的趋势对比分析，想要查看变化情况，即趋势，建议通过面积图或 标准折线图 httpECharts图形-标准面积图/堆积面积图
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 面积图在折线图的基础上将折线与分类（X）轴之间填充 … 进行对比分析。 下面我们以零售公司为例，年底对公司产品销售额变化情况进行数据分析时，通常会有如下分析需求： 数据对比分析需求 分析 效果 情景1：查看公司当年销售额的变化情况。 该需求的趋势对比分析，想要查看变化情况，即趋势，建议通过面积图或 标准折线图 http第二课：Smartbi图形宏
，当使用“覆盖式”扩展属性可以直接展示完整option对象的图形，但是不支持动态计算的代码。学习完图形宏，我们可以借助图形宏，在Smartbi中快速复制其他地方的ECharts图形，作为Demo展现。下面以实际案例讲述制作方法。 在ECharts官网上看到一个3D折线图，想要直接在Smartbi中展现，由于其中包含动态计算data的代码，无法直接使用“覆盖式”扩展属性。 36.png 此时我们可以考虑使用图形宏，由于图形宏里面是可以正常运行动态计算代码的，因此可以直接在beforeRender事件中，替换掉整个option。 于是，创建一个beforeRender事件的图形宏，直接复制“3D折线图”的全部代码，放到图形宏里面Echarts图形-扩展属性：横向的双X联合图
（本文档仅供参考） 问题 柱图+线图的横向双x联合图怎么做？ 解决方案 横向的双X联合图可以以横向柱图为基础，通过扩展属性修改图形样式和x轴设置。设置过程如下图所示： image2023-2-16_18-18-45.png image2023-2-16_18-18-59.png 扩展属性可参考以下代码： { "xAxis": [{ "type": 'value' //第一个x轴 }, { "type": 'value' //第二个x轴 }], "series": [{ "type": 'line', //类型设置为折线图 "xAxisIndex": 0 //显示在第一个x轴上 }, { "xAxisIndex": 1交互仪表盘趋势图日期X轴数据为空时显示1-12月份
所有月份 折线图显示1-12月 曲线图显示所有月份 … （本文档仅供参考） 问题说明 当目前数据库数据只有1到8月份的数据时，使用曲线图X轴只能显示有数据的月份，没有办法显示1-12月完整的趋势 image2024-9-21_9-55-20.png 解决方案 方案一 新建一张日期维表和事实表日期字段进行关联，X轴选择日期维表中的日期字段，并将压缩空行Echarts图形-扩展属性：X轴左右两端显示第一条及最后一条分类名称
（本文档仅供参考） 问题 图形分类名称多的时候，echarts那边会自动调整步长，这个时候可能会导致X轴左右两侧显示的名称并不是数据的第一个、最后一个名称，例如表格明细中最新时间为2019-08-14 14时44分,折线图显示的时间最大为14时20分,此业务为实时看板，如何使x轴右端显示最新时间 image2019-10-22 14_21_52.png image2019-10-22 14_22_37.png 解决方案 若需要X轴起末端显示表格明细中最小最大的时间数据，可使用此扩展属性: { "xAxis": { "axisLabelWEB电子表格 · 迷你图
迷你图是迷你图是单个工作表单元格内的微型图表，可用于直观地表示和显示数据趋势。 目前WEB电子表格支持三类迷你图：折线图、柱图、盈亏图。 示例效果 本章节将基于 Web电子表格快速入门 中的创建的表单示例来演示如何设计迷你图，该报表需要展现不同区域所有类别产品的数据，并且以折线迷你图来展现当前区域的数据。 2022-06-26_15-04-58.png 操作步骤 1、增加“迷你图”列，选中单元格E2，单击"更多"工具条中的 迷你图，弹出下拉菜单，选择 折线图。 2022-06-26_14-57-45.png 2、在弹出的图形设置窗口中设置 “销售量” 数据所在的单元格D2。然后点击 确定 按钮保存设置
