- 综合排序
- 最热优先
- 最新优先
- 来自专栏花落的技术专栏
echarts 数据可视化
Pyqt5的数据可视化 在讲ECharts和Pyecharts之前，先说下pyqt5的数据可视化。 pyqt5的数据可视化工具很多。 个人也刚开始做数据可视化，这几个工具都摸了一下，发现最后还是Pyecharts和Echarts最好用，最美观，最方便。 所以，最终我选的就是Pyecharts和Echarts。 Pyecharts和Echarts，为什么我一直分开说呢？ 因为在pyqt5的程序里，你可以单单使用Pyecharts来实现数据可视化，也可以单单使用Echarts来实现数据可视化。 最后，通过一位大神的文章《Python数据可视化：PyQt与ECharts的完美结合方案》，发现在pyqt5的程序里，直接使用echarts，其实也很方便，很好用，而且使用pyinstaller打包，无任何障碍
3.2K30编辑于 2021-12-06 - 来自专栏若尘的技术专栏
echarts数据可视化
Echarts简介 ECharts，缩写来自 Enterprise Charts，商业级数据图表，是百度的一个开源的数据可视化工具。目前，非常美观，非常好用，非常受欢迎的数据可视化工具。 官方网址：https://echarts.apache.org/zh/index.html Pyqt5的数据可视化 在讲ECharts和Pyecharts之前，先说下pyqt5的数据可视化。 个人也刚开始做数据可视化，这几个工具都摸了一下，发现最后还是Pyecharts和Echarts最好用，最美观，最方便。 因为在pyqt5的程序里，你可以单单使用Pyecharts来实现数据可视化，也可以单单使用Echarts来实现数据可视化。 最后，通过一位大神的文章《Python数据可视化：PyQt与ECharts的完美结合方案》，发现在pyqt5的程序里，直接使用echarts，其实也很方便，很好用，而且使用pyinstaller打包，无任何障碍
1.9K75编辑于 2021-12-04 - 来自专栏萌兔it
ECharts可视化（1）——入门
不过没关系，我们肥来啦～今天开始给大家带来可视化相关的吧，我们首先从入门版的ECharts开始吧～ ECharts 先来介绍一下什么是ECharts，她是一个由baidu开发的可视化工具，其中包含很多样式 究竟如何使用ECharts，就让我们一起探索吧！ --save，这个就用在比如使用webpack搭建了vue的项目，就可以这样获得echarts啦。 获得到了ECharts，我们就需要去使用它了。 1）引入 ? 第一步获取ECharts对象，并初始化： var myChart = echarts.init(document.getElementById('main')); 第二步，设置option，以柱状图为例子
48430发布于 2019-07-26 - 来自专栏菲宇
数据可视化工具Echarts
ECharts，缩写来自 Enterprise Charts，商业级数据图表，是百度的一个开源的数据可视化工具，一个纯 Javascript 的图表库，能够在 PC 端和移动设备上流畅运行，兼容当前绝大部分浏览器 （IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖轻量级的 Canvas 库 ZRender，ECharts 提供直观，生动，可交互，可高度个性化定制的数据可视化图表 获取 ECharts 你可以通过以下几种方式获取 ECharts。 通过 npm 获取 echarts，npm install echarts --save，详见“在 webpack 中使用 echarts” cdn 引入，你可以在 cdnjs，npmcdn 或者国内的 引入 ECharts ECharts 3 开始不再强制使用 AMD 的方式按需引入，代码里也不再内置 AMD 加载器。
1.6K30编辑于 2022-05-06 - 来自专栏前端开发
Echarts可视化图表的使用
前言 这是暑假跟着做的第一个 VUE 的项目，里面涉及到了 Echarts 的可视化展示，现在不断巩固前端中，当时没有做使用记录，这个月边学算法，边巩固前端了，java也在学习中。 -- 引入 CDN 地址 --> <script src="https://cdn.staticfile.org/<em>echarts</em>/4.3.0/<em>echarts</em>.min.js"></script> import * as echarts from 'echarts' 准备一个 DOM 节点 <! -- 折线图 -->
基于准备好的dom，初始化echarts实例 const echarts1 = echarts.init(this. } 根据配置项和数据显示图表 echarts1.setOption(echarts1Option) 基于如上步骤，完成的三个图表如下： 结语 梅花香自苦寒来33210编辑于 2024-03-20 - 来自专栏生物信息学、python、R、linux
python+echarts可视化—pyecharts
pyecharts是一个用于生成Echarts 图表的python库。 Echarts(https://echarts.apache.org/examples/zh/index.html )是一个数据可视化JS库，做出来的图非常好看。
1.7K50发布于 2020-04-01 - 来自专栏zxctscl个人专栏
【数据可视化】Echarts的高级功能
（1）分别设置每个ECharts对象为相同的group值，并通过在调用ECharts对象的connect方法时，传入group值，从而使用多个ECharts对象建立联动关系，格式如下。 group值 echarts.connect('group1'); //调用ECharts对象的connect方法时，传入group值 （2）直接调用ECharts的connect方法，参数为一个由多个需要联动的 动态切换主题及自定义ECharts主题 主题是ECharts图表的风格抽象，用于统一多个图表的风格样式。 2.1 ECharts 4.x/5.x中动态切换主题 ECharts是一款利用原生JS编写的图表类库，ECharts为打造一款数据可视化平台提供了良好的图表支持。 2.2 自定义ECharts主题 ECharts除了默认主题样式之外，还可以使用主题在线构建工具，根据需求快速直观地生成主题配置文件，并在ECharts中使用自定义的主题样式。
3.4K10编辑于 2024-03-29 - 来自专栏萌兔it
ECharts可视化（2）—— 组件库小解
在ECharts中包含'light'和'dark'两种主题。使用方法是： ? 或者通过下载JSON或JS获取主题。 2. 调色盘：给定一组颜色（通过一个数据定义），图形、系列自动从中选择颜色。 ? 二、交互组件：在ECharts中，提供了很多的交互组件。 三、自适应设置 为了让图表能够完美适配于不同的设备，ECharts也设计了移动端的自适应。 right/top/bottom/width/height六个量，设置绝对值、百分比和位置描述 绝对值：绝对的数值，如100 百分比：如100% 位置描述：如center等 2）如css的media相同，ECharts
1.1K20发布于 2019-07-26 - 来自专栏全栈程序员必看
echarts数据可视化如何实现_数据可视化页面
ECharts实现数据可视化入门教程（超详细） ECharts介绍 ECharts入门教程 第一步：下载并引入scharts.js文件 第二步：编写代码 目录结构 编写index.html代码 效果展示 ECharts的基础配置 主要配置（常用的） 案例讲解 补充 示例链接 立即执行函数 让图表跟随屏幕自适应 ECharts介绍 官网链接：Apache ECharts ECharts 是一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（IE8/9/10/11，Chrome，Firefox，Safari等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。 实现数据可视化入门教程（超详细）的全部内容。
2.8K10编辑于 2022-11-04 - 来自专栏前端开发随笔
vue引入echarts实现数据可视化
安装 npm install echarts -S main.js全局引入 import echarts from 'echarts' Vue.prototype. $echarts = echarts <template>
<div id="polyLineChart" :style="{width: '300px' $<em>echarts</em>.init( document.getElementById("polyLineChart") ); var option = {85820发布于 2020-09-03来自专栏杨建荣的学习笔记使用Echarts来实现数据可视化
自动化运维中，脚本化，工具化，平台化的过程中，有一个环节不可缺少，那就是可视化。 可视化这方面的开源产品还是相当的多，总体的方向都是借助于丰富的前端方案来联动，如今很大的特点是不光让数据显示出来，还让数据动起来。 Echarts的口碑很不错，听到一个中肯但是有比较损的话：Echarts是百度推出的最有良心的产品。总之Echarts的可视化效果做得很不错，能让数据可视化很快接入，立马高大上起来。 ? 然后使用echarts的对象在这个基础上初始化,我们可以伪造一些数据。 所以Echarts中需要的几个数组都可以通过这种方式来初始化。
1.5K60发布于 2018-03-22来自专栏全栈程序员必看Echarts数据可视化全解注释
全栈工程师开发手册 （作者：栾鹏） github地址：https://github.com/626626cdllp/echarts Echarts数据可视化开发代码注释全解 Echarts数据可视化开发参数配置全解 自己喜欢边学边总结边写demo，所以写了这篇文章，包含了大部分的Echarts编程知识。让你一个demo掌握Echarts所有编程，如果有问题可以留言。 包含了Echarts所必须的链接文件，图表的使用方法，但不包含配置方法。 <! -- 为ECharts准备一个具备大小（宽高）的Dom -->
<! (dom); /* 使用dom初始化echarts*/ myChart.hideLoading(); /* 加载缓冲图12.7K40编辑于 2022-09-09来自专栏智能大数据分析【数据可视化技术】可视化组件与Echarts示例
由于ECharts可视化基于JavaScript语言，因此掌握一定JavaScript语言的基本知识将有助于对ECharts的学习。 一、ECharts使用准备 （一）获取ECharts 为了使用ECharts进行数据可视化，需要先获取ECharts。获取方式有以下4种。 （2）在ECharts的GitHub上下载最新的release版本，在解压出来的文件夹里的dist目录里找到最 新版本的ECharts库。 （3）通过npm获取ECharts。 二、Echarts示例 使用ECharts，可以对数据进行不同形式的可视化处理，使用YouTube数据集可以展现出一些常见的数据可视化实例。 用柱状图可视化不同类型视频分布的代码如下： <!
1.3K10编辑于 2025-01-22来自专栏python爱好部落Flask和echarts做可视化图表
我们需要可观测性，用图表展现出来，各种大屏可视化，看起来高大上的样子。截图的话，不够灵活，如果在PPT里能用动图展示，会让你的PPT增色不少。 可视化的工具很多，现在python各种库都能可视化，比如matplotlib，pycharts． 今天要说的是echarts可视化。 echarts是百度开源的纯js的可视化，现在是apache开源项目。 安装也比较简单： 从 npm 获取 npm install echarts --save 详见在项目中引入 Apache ECharts。 点击下载页面下方 Assets 中的 Source code，解压后 dist 目录下的 echarts.js 即为包含完整 ECharts 功能的文件。
1.1K20编辑于 2022-04-26来自专栏IT从业者张某某Echarts5.3.2可视化案例-布局篇
Echarts5.3.2可视化案例-布局篇 00参考以及效果 01背景知识 大屏 flex布局 02 大屏设计 00 项目目录 01-使用技术 02- 案例适配方案 flexible配置 cssrem配置 02 大屏设计 00 项目目录 01-使用技术 完成该项目需要具备以下知识： div + css 布局 flex 布局 Less 原生js + jquery 使用 rem适配 echarts基础 02 showTime 定位右侧 right 为 30px 行高为 75px 文字颜色为：rgba(255, 255, 255, 0.7) 而文字大小为 20像素 html布局
Echarts
bar chart
bar Echartsbar chart
bar Echarts1.2K20编辑于 2022-11-12来自专栏IT从业者张某某Echarts5.3.2可视化案例-应用篇
Echarts5.3.2可视化案例-应用篇 Canvas案例 参考： https://github.com/sutianbinde/charts https://www.runoob.com/html 简介 官网介绍 1.官网地址： https://echarts.apache.org/en/index.html https://echarts.apache.org/zh/index.html 1.下载echarts.js到本地 2.然后在html文件中通过如下引入 <script src="<em>echarts</em>.min.js"></script> 或通过cdn免下载引入 <script src ="https://cdn.jsdelivr.net/npm/<em>echarts</em>@5.3.2/dist/<em>echarts</em>.js"></script> 3.使用 初始化一个具有宽和高的容器 <div id=" -- 写<em>echarts</em>代码 --> <script> var myChart = <em>echarts</em>.init(document.getElementById("main"));
2.4K10编辑于 2022-11-12来自专栏zxctscl个人专栏【数据可视化】Echarts中的其它图表
前言 上次提到了【数据可视化】Echarts最常用图表，其中还有一些图需要了解，这次来分享一下。 2. 绘制散点图 在大数据时代，人们更关注数据之间的相关关系而非因果关系。 type="text/javascript"> //基于准备好的DOM，初始化ECharts图表 let myChart = echarts.init(document.querySelector type="text/javascript"> //基于准备好的DOM，初始化ECharts图表 let myChart = echarts.init(document.querySelector 若需要进行词云图开发，则需要引入echarts.js文件，再通过命令引入echarts-wordcloud.min.js文件。 echarts-worldcloud的github地址： https://github.com/ecomfe/echarts-wordcloud 利用2019年10月全球编程语言的TIOBE排名数据展现其中的文本信息
1.1K10编辑于 2024-03-21来自专栏zxctscl个人专栏【数据可视化】Echarts最常用图表
前言 在上一篇博客中提到了【数据可视化】数据可视化入门前的了解，这次来看看Echarts最常用图表有哪些，和作用是什么? 2. 获取ECharts 获取ECharts有以下几种方法，可以根据情况进行选择。 获取ECharts库文件后，创建ECharts图表的步骤如下。 （1）在.html文件中，引入echarts.js库文件。 通过步骤（1）引入echarts.js库文件后，会自动创建一个全局变量echarts。创建全局变量echarts有若干方法。 尽管在数据可视化作品中随处可见玫瑰图的身影，但是仍有许多用户给它贴上了“华而不实”的标签。事实上和许多图表一样，玫瑰图也有一些不足之处。玫瑰图的使用注意事项如下。 （1）适合展示类目比较多的数据。
2.7K10编辑于 2024-03-16来自专栏IT从业者张某某Echarts5.3.2可视化案例-交互篇
Echarts5.3.2可视化案例-交互篇 Echarts简介 官网介绍 Echarts案例 Echarts 前后端交互 1. 安装flask 2. 案例 https://echarts.apache.org/zh/tutorial.html 1.下载echarts.js到本地 2.然后在html文件中通过如下引入 <script src="<em>echarts</em>.min.js var <em>echarts</em>_left_up_id=setInterval(<em>echarts</em>_left_up, 1000 * 10) var <em>echarts</em>_left_down_id=setInterval( function switch_<em>echarts</em>_bar(){ if (switch_<em>echarts</em>_init ! = undefined) { switch_<em>echarts</em>_init.dispose();//销毁 } var switch_<em>echarts</em>_init = <em>echarts</em>.init(
2.1K20编辑于 2022-11-12来自专栏全栈程序员必看echarts 图表_ECHARTS
ECharts 创建旭日图很简单，只需要在 series 配置项中声明类型为 sunburst 即可，data 数据结构以树形结构声明，看下一个简单的实例： var option ={ series
1.6K30编辑于 2022-11-10腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059
粤公网安备44030502008569号腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号