事情是这样的 早些时候，我接到了一个需求，说要将项目里程碑用甘特图展示，一脸懵逼的我先是搜一下什么是“甘特图” ：From 百度百科：甘特图（Gantt chart）又称为横道图、条状图(Bar chart)。其通过条状图来显示项目，进度，和其他时间相关的系统进展的内在关系随着时间进展的情况。配合图片感受 ：心想，刚好最近用 echarts 画过许多图表，这 …
未分类
效果图展示动态效果演示2.静态切片效果图一、确定需求方案1.确定产品上线部署的屏幕LED分辨率本案例于16:9 屏宽比，F11全屏显示。2.部署方式浏览器打开播放，Chrome浏览器、360浏览器等。二、整体架构设计前端基于Echarts开源库设计，使用WebStorm编辑器；后端基于Python Flask实现，使用 Vscode 或 Pycharm编辑器 …
ECharts 通常数据设置在 setOption 中，如果我们需要异步加载数据，可以配合 jQuery等工具，在异步获取数据后通过 setOption 填入数据和配置项就行。ECharts 通常数据设置在 setOption 中，如果我们需要异步加载数据，可以配合 jQuery等工具，在异步获取数据后通过 setOption 填入数据和配置项就行。 jso …
全部代码公众号自取「链接」在数据可视化领域，环形图是一种常见且有效的图表类型，特别适合展示比例关系。今天我将分享如何使用ECharts创建一个带有精美无缝圆形动效的环形图，这个效果可以为你的数据展示增添现代感和视觉吸引力。效果概述JavaScript实现初始化图表在数初始化图表后，我们需要获取图表的宽高，以便在后面动态计算中心元素的位置、半径等。环形图配置中 …
本次评测聚焦于几款主流报表工具：润乾报表、帆软报表、SmartBI、永洪 BI。主要对比报表输出部分 — 打印与导出。打印方面所有的报表都可以使用浏览器的打印功能，而且和报表工具本身无关，就不做对比了。这里主要对比其它打印技术：Applet 打印、Flash 打印、PDF 打印、本地打印和特殊打印需求。对比结果功能解读1.Applet 打印：要求客户端必须有 …
之前有给大家分享一个vue2.x大屏图表可视化项目vue-big-screen。这次分享的是该项目已经更新了vue3版本。vue-big-screen-plugin 基于 Vue3、Typescript、DataV、ECharts5 框架的大数据可视化（大屏展示）项目。项目结构项目中所有的 ECharts 图表渲染都是基于 componentsecharti …
图表组件是每一个前端工程师都避不开的，echarts的出现确实让前端开发者方便了很多。进入到Vue、react时代，echarts当然还是可以用，但是总感觉使用起来不太方便。有想法的开发者可能会自己封装一个组件，方便自己或者其他人使用。最近饿了么团队开源了echarts的Vue实现v-charts，帮我们造了一个新轮子。以后使用echarts不用再自己封装了 …
最近在做一个数据可视化大屏项目，从指标设计、视觉设计、可视化动效到大屏硬件、开发工具整个流程，总结了一些经验和观点，想和大家分享。大屏制作工具大屏的制作，可以用代码开发或现成的可视化工具来实现。用的比较多的就是JS+Ecahrts，但数据量支撑、后台响应、实时更新、平台运维等应该还要调用更多的技术，这个不是非常懂就不赘述了。另一种是用现成的可视化工具，能相对 …
本文将介绍如何制作Axure高保真数据可视化原型，供大家参考和学习。高保真数据可视化原型设计，称得上是Axure高阶水平。数据可视化在原型设计中是一个重要的分支，但是对于Axure使用者具有一定要求。清晰的数据可视化原型可以减少与需求方和研发工程师等的沟通成本，且可具象。Axure本身具有高级交互的能力，结合数据可视化的方式，以低成本的方式，达到预期的演示的 …
嘿，各位互联网营销推广的小伙伴们！今天给大家整理了 130 个超实用的网站，涵盖了学习平台、推广平台、引流平台、数据分析平台等多个方面，绝对是干货满满，快来看看吧！学习平台哔哩哔哩：每天都会更新 SEM、信息流等互联网营销推广知识、资讯和职场小窍门哦。艾课网：艾奇官方的在线视频教育网站，有 1000 多个视频教程，SEM、信息流、新媒体等课程啥都有，每周还有 …