第24页，共166页。 显示 1,655 条结果 (0.026 秒)
ECharts图形
ECharts是产品中的一种报表类型，它以图形的方式展现指标数据，并通过简单的设置实现报表互动。 ECharts做为数据展现的一种更灵活直观的方式，基于用户对数据更易于理解、对决策更具科学依据的需求，对不同业务背景下的数据进行处理，可以实现对数据多角度、多层次的分析。 特性： 丰富的可视化类型 多种数据格式无需转换直接使用 千万数据的前端展现 移动端优化 多渲染方案，跨平台使用 深度的交互式数据探索 多维数据的支持以及丰富的视觉编码手段 动态数据 绚丽的特效ECharts图形-普通状态设置
="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置图形的数据项标签的位置。 不同图形的位置设置不同，分为两类： 一类是柱图ECharts图形-普通状态设置
="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;"> </div>{html} 属性说明 设置图形的数据项标签的位置。 不同图形的位置设置不同，分为两类： 一类是柱图【仪表盘】图形组件改变X轴位置
该宏示例在 V10.5上 验证通过 本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码。 仪表盘中带横纵坐标的图形，其横向坐标默认显示在下方，纵坐标默认显示在左侧，若我们想改变横纵坐标显示的方位，可以通过仪表盘宏来实现。 1. 示例效果 下图显示了横向坐标在上方显示。 image2020-10-23_11-40-0.png 2.操作步骤 步骤一：新建一个空白的仪表盘 image2020-10-26_6-7-29.png 步骤二：拖入图形组件，选择线图，选择数据集或业务主题【仪表盘】图形组件改变X轴位置
该宏示例在 V10.5上 验证通过 本文档的示例代码仅适用于本文档中的示例报表/场景。若实际报表/场景与示例代码无法完全适配（如使用功能不一致，或多个宏代码冲突等），需根据实际需求开发代码。 仪表盘中带横纵坐标的图形，其横向坐标默认显示在下方，纵坐标默认显示在左侧，若我们想改变横纵坐标显示的方位，可以通过仪表盘宏来实现。 1. 示例效果 下图显示了横向坐标在上方显示。 image2020-10-23_11-40-0.png 2.操作步骤 步骤一：新建一个空白的仪表盘 image2020-10-26_6-7-29.png 步骤二：拖入图形组件，选择线图，选择数据集或业务主题ECharts图形-序列属性
>{html} 属性说明 设置是否显示图形的指标名称。 image2019-11-25 10_13_21.png 预览效果 设置显示与不显示“指标名称”效果对比，如下： image2019-11-25 10_12_15.png {html}<div style="border-bottom: 0.5px … 设置以南丁格尔图的形式展现数据。 image2019-11-25 10_29_13.png 不显示：图形默认以饼图或圆环图显示。 半径和面积模式：以不同半径和扇区角度大小来展示数据；数据越大，扇区的半径和所占的度数就越大。 半径模式：仅以半径大小不同展示不同扇区的数据，各个扇区平分整个圆360°。 预览效果ECharts图形-序列属性
>{html} 属性说明 设置是否显示图形的指标名称。 image2019-11-25 10_13_21.png 预览效果 设置显示与不显示“指标名称”效果对比，如下： image2019-11-25 10_12_15.png {html}<div style="border-bottom: 0.5px … 设置以南丁格尔图的形式展现数据。 image2019-11-25 10_29_13.png 不显示：图形默认以饼图或圆环图显示。 半径和面积模式：以不同半径和扇区角度大小来展示数据；数据越大，扇区的半径和所占的度数就越大。 半径模式：仅以半径大小不同展示不同扇区的数据，各个扇区平分整个圆360°。 预览效果Echarts图形-扩展属性：鼠标提示的背景色和字体颜色的修改
（本文档仅供参考） 问题 电子表格的Echarts图形的鼠标提示希望修改背景色和字体的颜色，如下图 image2021-4-16_14-18-27.png 解决方案 在电子表格-图形设置中，请参考如下扩展属性 image2021-4-16_14-19-22.png { "tooltip": { //背景颜色 "backgroundColor": "rgb(220,20,60)", "textStyle": { //字体颜色 color: "rgb(248,248,255)" } } } 可参考Echarts图形-扩展属性：实现横条图+折线图效果
（本文档仅供参考） 问题 联合图中图形都是纵向的，希望实现横条图+折线图的横向效果，通过联合图无法直接设置实现。 解决方案 可通过对横条图使用扩展属性修改图形类型实现此效果，步骤如下所示。 先生成横条图，如下图所示： image2022-11-28_10-55-9.png 再参考以下扩展属性，将横条图的一个系列更改为折线图，即可实现此效果： { "series": [ { "type": "bar" //第一个数据系列为柱图 }, { "type": "line" //第二个数据系列为折线图电子表格中制作图形提示“指标（Y）轴必须为数值”
此文档仅供参考) 问题 电子表格中制作图形提示“指标（Y）轴必须为数值” 2023-10-11_174630.png 解决方案 排查方向1.确认字段在数据集中是否为数值型 一般是由于输出字段的 数据类型被设置为 【字符串】导致，调整为【整形/浮点型】即可。 2023-10-11_175244.png 排查方向2.确认插件版本是否已更新到最新，如提示需要进行更新，建议先更新再制作图形 可能是V10.5版本，但用了V95版本的插件，版本不一致导致此问题。 2023-10-11_175023.png
