找回密码
 立即注册

QQ登录

只需一步,快速开始

@Martin.Zhang
中级会员   /  发表于:2023-7-14 12:19  /   查看:2888  /  回复:0
本帖最后由 Felix.Li 于 2023-7-21 09:14 编辑

新增十大Echart图表,JS扩展能力,让你的大屏更酷炫,更流畅(1)

新增十大Echart图表,JS扩展能力,让你的大屏更酷炫,更流畅(2)

一、 应用场景


Echarts是一款基于JavaScript的开源图表库,具有丰富的图表类型和灵活的配置选项,适用于各种应用场景。在实现数据可视化过程中,Echarts可以通过各种图表类型(如折线图、柱状图、饼图、雷达图等)将大量的数据以直观、易懂的方式展示出来。它可以用于仪表盘、报表、数据分析等领域,帮助用户快速理解和分析数据。所以提供更丰富的图表类型,在数据可视化中也是非常有必要的。本章节就重点介绍本次7.0中结合Echarts做的一些插件。


先看看,我们基于本次更新做的一些效果展示。

image.png905948791.png


二、 新特性介绍

本次更新,主要体现在扩充了基于Echarts的功能扩展,产品中内置了10个基于Echarts的内置图表,包括柱状图,折线图,饼图,雷达图,气泡图,组合图,漏斗图,词云,仪表盘,3D柱状图,这些图表不仅支持了Echarts的功能,而且还具有非常强大的扩展性。需要注意的是,Echarts作为一个图表库,并不限定于以上场景,它具有强大的可扩展性和自定义能力,可以根据具体需求灵活运用于各种应用领域。

接下来给大家介绍一下,新增图表的应用方式。


使用教程

(一) 词云

词云是一种可视化工具,它通常显示一组文本数据中出现频率较高的词语,词语的大小和出现频率呈正相关关系。词云可以用于许多不同的应用场景,以下是几个常见的应用场景,高频词分析,市场调研,媒体热门,品牌影响力,学术分析等行业都有常用的场景。实际上,词云可以应用于任何需要对文本数据进行可视化和分析的领域。


1. 进入设计器界面,选择 词云(echarts)

image.png69548644.png



2. 绑定数据:

image.png363726805.png


3. 属性设置

image.png902353515.png

①   调色板,调整词云色调。


②   形状中可以选择丰富的形状,满足不同的场景需要。


4.显示效果

image.png710565185.png


(二)3D柱状图

3D柱状图是一种可视化工具,它通过在三维空间中展示柱形的高度来表示数据的值。与传统的二维柱状图相比,3D柱状图可以更直观地展示数据的分布和趋势。应用场景:例如,在销售数据分析中,可以使用3D柱状图展示不同产品在不同地区和不同时间段的销售量,以便更好地理解销售趋势和业绩差异。在地理信息系统中,可以使用3D柱状图展示不同地区的人口密度等。

1. 进入设计器界面,选择 3D柱状图(echarts)

image.png96830443.png

2. 绑定数据

image.png972325439.png

3. 属性设置

image.png517417296.png

可以根据需要,进行一些属性调整。也可以编辑自定义属性,显示更高级的设置,在下一节为大家介绍更高级的用法。


4. 显示效果

image.png403486327.png


三、运行效果

image.png640260924.png


四、产品和示例下载

该文章配套示例如下:

Echarts示例.zip (390.63 KB, 下载次数: 392)

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部