页面历史

ECharts简介

ECharts是一种前端图形组件，与highchart、d3js等类似，用于将数据转化成各种图形进行展示。如下图所示，在Smartbi中，可以使用Smartbi的数据集等资源作为数据来源，通过简单的配置，即可自动将数据以可视化图形的方式展现，使得数据变得更加直观、生动。

Image Removed

Image Removed

接下我们就来学习ECharts的基本使用方法，以及如何在Smartbi中，使用ECharts灵活绘制各种图形效果。

注意：学习此文档前，强烈建议先花费1小时，访问ECharts官网（echarts.apache.org），查看其官方教程。

Image Removed

1 概述

    Smartbi提供“图形宏”功能，用户能根据需求实现图形的各种动态效果。“图形宏”是报表宏的一部分，是单指作用在ECharts图形对象上的报表宏，用户可以使用“图形宏”实现丰富的图形效果。如下图，实现了柱图的动态轮播。

    添加宏代码前：

    Image Added

    添加宏代码后：

    Image Added

    Smartbi集成ECharts作为图形展现的其中一种组件。在Smartbi中，除Excel图形外，其余的图形展现基本都是使用ECharts组件。Smartbi选择ECharts主要的原因有两个：

• ECharts提供非常丰富的图形类型和组件库，且图形非常美观，具备优秀的交互体验；
• ECharts有完善的中文说明文档，入门简单，且已经拥有庞大的用户量，社区活跃，在大量地不断更新案例。

2 图形宏简介

    Smartbi中的图形对象是独立组件，在透视分析、组合分析、多维分析以及电子表格中都有使用。当图形需要根据数据，动态展示一些效果的时候，使用扩展属性也难以满足，这时候通过宏代码，可以对图形对象做一些产品默认满足不了的功能，比如：动态修改图形样式，在图形上添加文字，点击图形触发动作等。基本上，使用Smartbi的图形宏功能，可以在Smartbi实现任何使用ECharts能够实现的图形。

    功能界面如下图所示：

    Image Added

3 学习指南

    1、请先查看 ECharts基本使用方法，了解ECharts是什么，需要的技术基础，以及如何通过官网调试ECharts图形效果。

    2、接下来学习 Smartbi中使用ECharts配置，了解Smartbi中如何配置ECharts图形

    3、最后学习 Smartbi图形宏，学习如何使用图形宏实现各种动态效果。

    4、图形宏示例，这是在实际项目应用中提炼出来的常见需求场景。

4 快速访问

    您可以使用下表快速访问 Smartbi 报表宏开发指南的各个部分。