写点什么

eCharts

0 人感兴趣 · 14 次引用

  • 最新
  • 推荐
https://static001.geekbang.org/infoq/8b/8b6d33aad4d966834df6e5364a7cc6c8.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

我坦白→低代码功能我有,SQL 练习题、数据可视化、数据填充助你高效

用户头像
非喵鱼
2022-12-30

今天勇哥看了一下群里的聊天信息,大家都在说低代码平台,见大家对于低代码这么热衷的情况下,勇哥也不藏着掖着了,放几个低代码功能出来,给大家玩一玩,需要大家继续支持勇哥。

https://static001.geekbang.org/infoq/c9/c9e5d9c77ab9de033aca4949720edde9.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Echarts 柱状图表的使用

接到一个新需求,要求在后台管理添加一个数据统计的页面,里面展示各种数据和图表,说到图表第一时间想到了echarts,看了看设计图是一个柱状表,要求多数值,而且按不同日期展示不同的数据,就决定使用echarts了,但是之前没有在vue项目里使用过echarts,这还

https://static001.geekbang.org/infoq/b8/b888956e9ab83d703e4a01e644e8454a.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Echarts 实现全国地图展示

ECharts是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表

https://static001.geekbang.org/infoq/1b/1bdb30fc41b3181e189fbe02be25b25d.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

15 个用于创建漂亮图表的 JavaScript 库

用户头像
devpoint
2022-06-03

仪表板是前端开发中常见的一个功能需求,对于一个平台来说仪表盘是一个具有吸引力的功能,实时的动态数据变化可以很好的增强平台的整体设计。在本文中,将展示一些用于图形和图表的最佳 JavaScript 库,这些库将有助于为未来的项目创建精美且可自定义的图表。

https://static001.geekbang.org/infoq/73/739745fcc3de0c255d433c75b75b8155.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

React Echarts 使用教程 - 如何在 React 中加入图表(内附数据看板实战搭建案例)

用户头像
蒋川
2022-05-27

Ehcarts 作为数据展示的组件,应用场景丰富,所以在 React 里引入 Echarts 图表是每个前端必会技能。而 Echarts配置项多且复杂,每个配置项都会细分很多个配置小项,并且还对外暴露了一套 API,包括图表实例,事件监听等,还是有一定的上手难度。

教你用 ECharts 轻松做一个 Flappy Bird 小游戏

echarts是一个很强大的图表库,除了我们常见的图表功能,还可以自定义图形,这个功能让我们可以很简单地在画布上绘制一些非常规的图形,基于此,我们来玩一些花哨的:做一个Flappy Bird小游戏。

https://static001.geekbang.org/infoq/53/539b292ea6db791271f18e97a313da7f.png?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

echarts 饼图指示器文字颜色设置不同

用户头像
空城机
2022-05-11

学习记录,平时开发时遇到过的问题。这次是echarts饼图遇到的小问题

ECharts 饼图颜色设置教程 - 4 种方式设置饼图颜色

用户头像
蒋川
2022-04-10

ECharts 饼状图中的每个扇形颜色其实都可以自定义或者随机显示颜色。比如 X 轴是各销售渠道名,那么你可以需要使用全局统一的识别色彩,那么就需要指定每个扇面的颜色。本文讲解 4 种配置修改 ECharts 饼图颜色的方法。

https://static001.geekbang.org/infoq/e2/e29ab44ed35948ea3b1590dca3d986bd.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Echarts 折线图完全配置指南 - 手把手教你设置 Echarts 折线图详细教程

用户头像
蒋川
2022-03-29

Echarts 折线图是图表中最常用的显示形式之一。使用 Echarts 做出基本的折线图很简单,但要是想把多组数据放在一张图表中,展示的漂亮又直观就不容易了。本文将带领大家从最基本的折线图,一步步完善,最终做出可读性很高的可视化图表。

https://static001.geekbang.org/infoq/cf/cf0f1de4b55dbe5b850b8572beeaf1c7.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue 进阶(幺玖幺):ECharts 实现地图功能

无论Web端还是移动端均会存在应用地图展示数据信息的应用场景。应用场景如下:

https://static001.geekbang.org/infoq/ad/ada5c23c69c7679349851b0a146fd6e8.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue 进阶(幺玖肆):VantUI 实现 Dialog 弹框动态显示 message

在利用Echarts实现地图展示时,需要实现点击某一省份,模态框形式给出相应的省份信息,点击模态框中的下钻按钮,实现下钻至该省份下的区域地图部分,以此类推,直至下钻至区县三级地图。

https://static001.geekbang.org/infoq/55/550b7f9e6b826ca8cb21f529c8f3114d.gif?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

Vue 中 Echarts 基本使用

用户头像
Chalk
2021-04-06

Echarts是一个使用JavaScript实现的开源可视化库,涵盖了各行业的基本图表,满足各种基本需求。

eCharts -- 如何修改柱状图中相关数据的顺序?如何在鼠标悬浮时增加百分比信息?如何为柱状图设置分组?

用户头像
Geek_de9857
2020-12-18

最近因为工作原因,需要去写一些前台的eCharts代码。因为项目需求,需要实现一些特殊的效果:对数据进行分组、鼠标悬浮在柱状图上时增加数据占分组的百分比信息、调整数据的展示顺序。 对于这些需求,有点头疼...

eCharts_eCharts技术文章_InfoQ写作社区