002.数据可视化
文章平均质量分 96
canvas、svg、chart、map
豚豚鼠
三十而立,四十而不惑
展开
-
001-CANVAS
CANVAS1、CANVAS 概念2、基础案例3、CANVAS 实现时钟4、扩展1、CANVAS 概念 <canvas> 是 HTML5 新增的,一个可以使用 js 在其中绘制图像的 HTML 元素。它可以用来制作动画。Canvas是画布,通过Javascript来绘制2D图形,是逐像素进行渲染的。2、基础案例💡 Tips:实现 矩形、线段、三角形、圆弧、贝塞尔曲线、文本 等基础图形<!DOCTYPE html><html lang="en"> <h原创 2024-03-04 15:19:55 · 946 阅读 · 0 评论 -
002-SVG
SVG1、SVG 概念2、基础案例3、SVG 动画4、扩展1、SVG 概念svg 是指可伸缩矢量图形, 图像在放大或改变尺寸的情况下其图形质量不会有损失。 是万维网联盟的标准。 作为标签可直接 嵌入到 html 中。2、基础案例💡 Tips:实现 矩形、圆形、椭圆、直线、多边形、路径、文本、渐变 等基础图形<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" />原创 2024-03-04 15:31:48 · 882 阅读 · 0 评论 -
003-echarts
数据可视化随笔 -- echartsecharts 简单介绍echarts 使用 - - 初始化echarts 经典案例 - - 炫酷的柱状图echarts 经典案例 - - 炫酷的折线图echarts 经典案例 - - 炫酷的多环图echarts 中的事件echarts 简单介绍echarts底层原理为canvas,其对canvas进行封装,暴露了简单的配置项,完成复杂数据可视化图表等的绘制...原创 2019-08-25 20:00:32 · 1512 阅读 · 1 评论 -
004-地图
数据可视化随笔 -- 地图百度地图 - - 结合echarts实现数据展示高德地图 - - 最友好的地图Google地图 - - 中英文切换地图三大地图汇总 - - 淘金百度地图 - - 结合echarts实现数据展示实现效果图:引入第三方插件包百度地图API: http://lbsyun.baidu.com/index.php?title=jspopular3.0/guide/get...原创 2019-09-01 00:00:33 · 498 阅读 · 0 评论