『echarts』基本使用-编程思维

一、前言 本篇文章是『Echarts』文章的第 2 篇,主要介绍『Echarts』基本使用 在『Echarts』第 1 篇文章中,我们介绍了 Echarts 的概述及其强大的数据可视化功能。本篇将继续深入,重点带您了解 Echarts 的基本使用方法,包括如何快速安装、配置以及绘制简单的图表。 二、安装『Echarts』 请首先访问 Echarts 官方网站,网址为:https://e

『echarts』简介-编程思维

目录一、前言二、『Echarts』简介1. 什么是『Echarts』三、数据可视化四、『Echarts』1.『Echarts』的作用2.『Echarts』能绘制哪些图表3.『Echarts』显示图表的原理五、总结 一、前言 本篇文章是『Echarts』系列文章的第 1 篇,主要介绍『Echarts』简介 经过前面文章的介绍,大家都可以了解到什么是 Canvas,什么是 SVG。了解完毕

2024年更新「gis数据」全国的geojson、shp格式数据下载获取(精确到乡镇街道级)-编程思维

发现个可以免费下载全国 geojson 数据的网站,推荐一下。支持全国、省级、市级、区/县级、街道/乡镇级以及各级的联动数据,支持导入矢量地图渲染框架中使用,例如:D3、Echarts等 geojson 数据下载地址:https://geojson.hxkj.vip 该项目 github 地址:https://github.com/TangSY/echarts-map-demo,喜欢的话,可以给

使用echarts进行可视化的数据线呈现-编程思维

由于游戏后台需要统计游戏玩家的支付情况,恰好那天看见同学群里聊天说到了Echarts,于是我就看了眼,一看,哟,还是百度的产品,看了文档,示例,确实很屌的样子啊,于是自己就开始试了,最终效果如下: 个人还是觉得这个效果挺棒的,清晰地看清了各个渠道、每一天的统计情况,图表是可以放大缩小的,柱状图也能转为折线图,其实我只是用到了Echarts的冰山一角,这是个十分强大的图标工具,官网:http:/

vue3+ts打开echarts的正确方式-编程思维

实例项目使用 vite5 + vue3 + ts,项目地址 vite-vue3-charts,预览地址 https://weizwz.com/vite-vue3-charts 准备工作 1. 注册为百度地图开发者 官网地址,然后在 应用管理 -> 我的应用 里,创建应用,创建好后复制 AK 2. 在根目录的 index.html 里引入百度地图 <head> <

「gis数据」下载全国的geojson、shp格式数据(精确到乡镇街道级)-2023年12月更新-编程思维

发现个可以免费下载全国 geojson 数据的网站,推荐一下。支持全国、省级、市级、区/县级、街道/乡镇级以及各级的联动数据,支持导入矢量地图渲染框架中使用,例如:D3、Echarts等 geojson 数据下载地址:https://geojson.hxkj.vip 该项目 github 地址:https://github.com/TangSY/echarts-map-demo,喜欢的话,可以给

2023年11月最新全国省市区县和乡镇街道行政区划矢量边界坐标经纬度地图数据 shp geojson json-编程思维

发现个可以免费下载全国 geojson 数据的网站,推荐一下。支持全国、省级、市级、区/县级、街道/乡镇级以及各级的联动数据,支持导入矢量地图渲染框架中使用,例如:D3、Echarts等 geojson 数据下载地址:https://geojson.hxkj.vip 该项目 github 地址:https://github.com/TangSY/echarts-map-demo,喜欢的话,可以给

winform程序中使用echarts图表-编程思维

WinForm程序中使用Echarts 实现原理: WebBrowser + HTML 第一步:在窗体中添加WebBrowser控件 1.在工具箱中找到WebBrowser控件,拖动到窗体中 设置WebBrowser控件的属性 ScriptErrorsSuppressed:true;//设置是否允许脚本错误 IsWebBrowserContextMenuEnabled:false; //禁

2023年10月最新全国省市区县和乡镇街道行政区划矢量边界坐标经纬度地图数据 shp geojson json-编程思维

发现个可以免费下载全国 geojson 数据的网站,推荐一下。支持全国、省级、市级、区/县级、街道/乡镇级以及各级的联动数据,支持导入矢量地图渲染框架中使用,例如:D3、Echarts等 geojson 数据下载地址:https://geojson.hxkj.vip 该项目 github 地址:https://github.com/TangSY/echarts-map-demo,喜欢的话,可以给

mvc+echarts绘制统计图表-编程思维

前言   本文介绍了在ASP.NET MVC中使用ECharts的详细过程,希望对使用该方法的朋友有所帮助。  相关Echarts的js文件包括:echarts.min.js、echarts-wordcloud.min.js、china.js、jquery-3.4.1.min.js  相关Echarts的js文件包下载:(https://pan.baidu.com/s/1y9AIdlzhMzXI

前端小白在asp.net core mvc中使用echarts-编程思维

对于在浏览器中绘制图形图表,目前有较多的js类库可以使用,如:ChartJS,Flot,canvasjs等,但是今天介绍的主角为国产图表库,并在apache孵化,就是大名鼎鼎的echarts。 前方高能【官方介绍】 特性 - Apache ECharts (incubating) ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝

2023年9月最新全国省市区县和乡镇街道行政区划矢量边界坐标经纬度地图数据 shp geojson json-编程思维

发现个可以免费下载全国 geojson 数据的网站,推荐一下。支持全国、省级、市级、区/县级、街道/乡镇级以及各级的联动数据,支持导入矢量地图渲染框架中使用,例如:D3、Echarts等 geojson 数据下载地址:https://geojson.hxkj.vip 该项目 github 地址:https://github.com/TangSY/echarts-map-demo,喜欢的话,可以给

echarts 气泡图配置-编程思维

// prettier-ignore const hours = [ '', '2022-09', '2022-10', '2022-11', '2022-12', '2023-01', '2023-02', '2023-03', '2023-04', '2023-05', '2023-06', '2023-07', '2023-08', 'YTD' ]; // pre

iview组件的render方法在table组件中的使用-编程思维

后端项目地址:https://gitee.com/wlovet/table-server 前端项目地址:  https://gitee.com/wlovet/table-project 一、Render函数之Table加入IVIEW组件与表格修改 render函数可以在表格中除了可以加入html组件还有iview组件,使用方法是在定义列的时候使用元素构造对象h渲染新元素 1 render

vue+echarts 动态绘制图表以及异步加载数据-编程思维

前言   背景:vue写的后台管理,需要将表格数据绘制成图表(折线图,柱状图),图表数据都是通过接口请求回来的。 安装   cnpm install echarts --s (我这里用了淘宝镜像,不知道同学自行百度) 实例化    在已有的项目中下载好了echarts 之后,可以打开官方文档,但是我觉得官方文档对于实例化介绍的不够清晰,这也是我为什么在这么多的文章中还要写的原因,前辈写的

使用echarts画一个类似组织结构图的图表-编程思维

昨天,写了一篇关于圆环进度条的博客(请移步:Vue/React圆环进度条),已经烦不胜烦,今天又遇到了需要展示类似公司的组织结构图的功能需求,要冒了!!! 这种需求,自己用div+css也是可以实现的,但是没有什么动画效果,我的css3又很差劲,而且项目中已经使用到了折线图、饼状图、柱状图之类的图表,用的还是百度的echarts,所以这个组织结构图之类的需求也就用了百度的echarts来实现了。

vue3 + echarts 统一封装-编程思维

1. 新建 echartsLib.js 文件,统一导入需要的组件 import * as echarts from "echarts/core"; import { SVGRenderer, CanvasRenderer } from "echarts/renderers"; import { BarChart, LineChart, PieChart } from "echarts/cha