Echarts(5.0)
文章平均质量分 71
官方认证新生代农民工_平安喜乐
这个作者很懒,什么都没留下…
展开
-
vue权限管理+动态渲染菜单+Echarts封装
讲解权限+动态菜单+Echarts封装原创 2022-09-02 22:40:19 · 593 阅读 · 0 评论 -
Echarts学习笔记7(后台、地图展示、4个图表、打包、服务器购买、前后台上线)
container原创 2022-05-01 08:21:39 · 412 阅读 · 0 评论 -
Echarts学习笔记6(项目搭建、项目分辨率响应式创建、页面及前期准备)
vue3.0项目创建1.电脑上安装node.js网址:Node.js下载自己对应操作系统版本 安装即可2.全局下载项目脚手架打开cmd 输入 npm install -g @vue/cli3.创建项目把cmd的路径切换到指定路径下 vue create 项目名(3-1)选择项目配置模板 选择第三项自主选择你项目所需的配置Please pick a preset: Default ([Vue 2] babel, eslint) vue cli 2 默认的项目模板...原创 2022-04-30 13:13:27 · 613 阅读 · 0 评论 -
Echarts学习笔记5(树形图、数据排序、主题、地图、图表自适应大小、加载动画效果、动画配置、echarts事件)
基本树形图树图主要用来可视化树形数据结构,是一种特殊的层次类型,具有唯一的根节点,左子树,和右子树。<template> <div ref="myChart" id="myChart"></div></template><script>import * as echarts from "echarts";export default { mounted() { let myEcharts = echarts.in原创 2022-04-30 12:16:47 · 2278 阅读 · 0 评论 -
Echarts学习笔记4(k线图、雷达图、漏斗图、仪表盘、关系图、数据区域缩放)
K线图可以查看k线历史走势,近期趋势,是上涨还是下跌,是调整还是震荡。分析k线的高低点和相对高低点。方便对于数据的走势进行查看基本设置<template> <div ref="myChart" id="myChart"></div></template><script>import * as echarts from "echarts";export default { mounted() { // 1.初始化原创 2022-04-29 22:50:19 · 758 阅读 · 0 评论 -
Echarts学习笔记3(饼状图、折线图、散点图、grid)
1原创 2022-04-28 23:51:27 · 507 阅读 · 0 评论 -
Echarts学习笔记2(初体验及配置项柱状图)
目录1.echarts获取2.HelloWord配置项:title(设置图表的标题):配置项--tooltip(数据提示信息):配置项--legend(图例-图表数据的小提示):柱状图的基本配置:柱状图效果实现( 柱状图标记效果 ):柱状图效果实现2--xAxis,yAxis1.echarts获取前期准备电脑上面安装nodenode下载地址:Node.js 中文网淘宝镜像(选按)淘宝 NPM 镜像站自 2014 年 正式对外服务。于np原创 2022-04-27 23:33:35 · 74 阅读 · 0 评论 -
Echarts学习笔记1(简介)
技术要点 Echarts5+Vue3 !什么是数据可视化?顾名思义,数据可视化就是将数据转换成图或表等,以一种更直观的方式展现和呈现数据。通过“可视化”的方式,我们看不懂的数据通过图形化的手段进行有效地表达,准确高效、简洁全面地传递某种信息,甚至我们帮助发现某种规律和特征,挖掘数据背后的价值。同时关于数据可视化的定义有很多,像百度百科的定义是:数据可视化,是关于数据视觉表现形式的科学技术研究。其中,这种数据的视觉表现形式被定义为,一种以某种概要形式抽提出来的信息,包括相应信息单位的各种属性和变量原创 2022-04-27 00:07:48 · 162 阅读 · 0 评论