在微信小程序中，免不了可视化图表相关的产品需求。

1. 可视化图表库

能在微信小程序中开箱即用、评分比较高的可视化图表库似乎有两个:

1. xiaolin3303/wx-charts

• 微信小程序图表 charts 组件

写在前面，最近收到了很多小伙伴们的建议，大屏的数据源是否可以展示更丰富的种类，比如Excel，数据库等，那就更加贴近小伙伴们的实际工作场景，可以很快在工作中应用，所以应小伙伴需求，就诞生了这篇 【 基于 Echarts + Python 动态实时大屏范例 - Redis数据源】。另外说明下，很多实际展示场景下需要自动播放效果，本案例也展示了Events和DispatchAction触发的饼图和地图高亮效果

记录一下在公司遇到的一些功能，以及相关实现

以上的内容我花了一周时间去实现的，自己也觉得时间很长，但主要因为很少使用ECharts，导致使用的过程中大部分的时间都在查文档。

对于上面的这些功能点，其实算是写了两遍吧，这周一开了个Code Review，因为涉及到公共组件了，所以得想办法迁移出去，导致得重新改善一下代码；另一方面的话，主要是我把每一个功能其实都拓展成一个图表了（也就是说包括主图表、内环图表、外环图表、环形文字图表），会导致渲染消耗太大，所以得进行细分，也就是加入到series里即可。

采用DeWeb可以实现用Delphi开发echarts图表

DeWeb : Delphi开发者的Web解决方案！

DeWeb是一个可以直接将Delphi程序快速转换为网页应用的工具！ 使用DeWeb, 开发者不需要学习HTML、JavaScript、Java、PHP、ASP、C#等新知识，用Delphi搞定一切。 DeWeb开发的网页支持所有客户端，包括手机、平板等。

ECharts是一个JavaScript实现的开源图标库，能兼容绝大多数浏览器（IE8+），底层依赖ZRender（一个轻量级的Canvas类库），能高度个性化定制数据可视化图标。

ECharts官网地址：

ECharts 是一个采用模块化设计的可视化库，其架构设计主要包含以下几个核心组件：

1. **渲染器（Renderer）**：ECharts 支持多种渲染方式，包括 Canvas、SVG 和 VML。渲染器负责将图表的绘制指令转化为相应的图形元素，并在浏览器中进行渲染。

2. **布局（Layout）**：布局组件负责计算并确定图表中各个组件的位置和大小，以及确定图表的整体布局。这包括坐标轴、图例、标题等组件的相对位置和排列方式。

前言

pyecharts 是 web 前端数据可视化库 Echarts 的一个 python 包装。实在说，我本人认认真真使用 pyecharts 的次数不超过5次。

一、安装

1.安装echarts

echarts百度插件，官方地址：https://echarts.apache.org/zh/index.html

在项目中安装 npm install echarts --save 还有一种安装指定版本的echarts 比如 npm install --save echarts@4.2.1