LPL比赛数据可视化

效果图

完成这个项目，我感觉我已经被掏空了，我几乎用尽了我会的所有知识

最近业务需要，研究的dify插件比较多，今天看下两个基础插件：database 和 echarts ，以及看下如何将其应用到对话过程中；

基础概念

Text2sql ：是个“翻译官”，你只需要对着电脑大喊：“给我找上个月花500以上的VIP螺蛳粉爱好者！” ，AI自动把这句人话转成SQL代码，数据库秒懂，直接吐结果。本质就是个“人话 → 数据库黑话”的转换器。

有时候，所有你需要表达的一个信息通过一个JavaScript Charts饼图就能完成，无需任何太多的细节就能清楚地展现分布。饼图的强大之处在于它可以塞进一个相对较小的容器钟。 amCharts饼图的实施自动将实际的饼图拟合到容器中，同时考虑拉出饼图中的片和标签所需要的自由空间。

考虑一下这个典型场景：在一个200像素边宽中的饼图：

当然，我们可以设置半径属性来使我们的图表看起来更大。饼图看上去大小是合适了，但标签超出了容器的范围所以它们被剪掉了。

边框周围有一些我们可以很容易重复使用的填充，因此我们可以将饼图中的超出容器的部分元素放到这部分填充当中。 要做到这一点，有以下两个简单的诀窍：

在浏览器中（即session中）刷新页面，但是生成的数据却不能及时显示，但是，新开一个浏览器就可以。

如果你不是太在乎实时性，只是为了调试的方便，可以删除浏览器的临时文件即可。如果你需要的实时性比较强则可以让浏览器禁用缓存，在您的配置文件中作如下设置： true

这个设置将使浏览器自动在数据文件后面加个时间戳参数，以便每次重新获得你的数据来填充amCharts。也可以手动数据文件名后加个时间戳来，以PHP为例如下：

初识插件

amCharts PayPal插件增强来自amCharts.com图表库的图表可访问性。启用后，该插件支持增强键盘用户的导航栏以及为屏幕阅读用户提供必要支持。

安装说明

示例：

键盘交互

AmCharts （JavaScript Charts、JavaScriptStock Chart、JavaScript Maps）3.11.2正式发布新增多个属性，修复了不少已知漏洞。下面我们来看看具体更新内容。

JavaScript Charts、JavaScriptStock Chart：

• 新增labelRotation, labelAnchor and labelOffset

每天认识一个神奇的工具，今天要分享的是“素材库”。都说素材不好找，设计5分钟，素材能找俩小时，那这个素材库网站一定要收藏。

这是一个专注于提供免费 PNG 图片素材的网站，拥有超过11万多张高清 PNG 图片资源，且每天都在更新。这些图片涵盖了从动物、植物、食物到科技、交通工具、节日等各个领域的素材，能够一站式满足多样化的设计需求。

/1 前言/

上篇文章 手把手教你爬取天堂网1920*1080大图片（批量下载）——理论篇我们谈及了天堂网站图片抓取的理论，这篇文章将针对上篇文章的未尽事宜进行完善，完成图片的批量抓取。

/2 图片网址解析/

1. 我们首先来分析一下这个图片的地址在哪里。我们选择图片，然后右击网页检查，可以看到图片的路径，如下图所示。

2. 将其单独放出来，如下图所示。

3. 可以看到<a href>就是图片的链接，而src就图片的地址，所以我们可以找它的上一级标签<ul>。如果再找不到那就再找上一级以此类推（找到越详细内容更准确）。使用选择器xpath，获取到src的值（网址后缀）之后，将后缀加上“https前缀”就可以得到每一个网址，如下图所示：

哪里可以免费下载高清图片，无版权可商用的免费图片哪里找，免费图片素材哪里找？

只需要保存以下几个网站就够了。

1. unsplash.com

网站无需登录即可免费下载高清图片，

网站图片资源十分丰富，目前已经有近400万的图片素材供大家免费下载了。支持中文检索，需要英文检索才能匹配更多的图片素材。