ECharts 时间极坐标

2023-05-30

ECharts 帕累托图

#container { height: 600px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': '省份', 'data': [ "广东", "江苏", "山东", "浙江", "河南", "湖北", "四川", "福建", "安徽", "湖南", "河北", "江西", "云南", "陕西", "辽宁", "贵州", "山西", "吉林", "甘肃", "海南", "青海", ] }, { 'name': '金额', 'd...

2021-10-01

ECharts 标签地图

#container { height: 500px; padding: 10px; background: white; border-radius: 12px; } var geoCoordMap = { '河北': [114.4995, 38.1006],//河北石家庄 '山西': [112.3352, 37.9413],// 山西太原 '内蒙古': [111.4124, 40.4901],// 内蒙古呼和浩特 '辽宁': [123.1238, 42.1216],// 辽宁沈阳 '吉林': [125.8154, 44.2584],// 吉林长春 '黑龙江': [127.9688, 45.368],// 黑龙江哈尔滨 '江苏': [118.8062, 31.9208],//江苏南京 '浙江': [119.5313, 29.8773],// 浙江杭州 '安徽': [117.29, 32.0581],// 安徽合肥 '福建': [119.4543, 25.9222]...

2021-05-17

Hexo 博客实时访问统计图

前言本文教程主要针对 Hexo 博客，对博客站点的的访问地图、每月访问量、访问来源的维度绘制统计图，使用的是 ECharts 开源可视化库。具体效果可以点击本站的统计--博客统计页面查看。本文数据来源均为百度统计，请确保博客站点已加入百度统计，以 butterfly 主题为例，可参照 Butterfly 安装文档(四) 主题配置-2 的分析统计段落实现。本地主机访问（localhost）也会记录到百度统计，推荐在【百度统计】--【管理】--【统计规则设置】--【过滤规则设置】--【受访域名统计规则】--【勾选排除 localhost（本地主机）】排除本地主机访问（貌似在勾选后生效，但是以前的访问记录仍会统计）。此文是针对于文章 Hexo 博客访问统计图改良版，实时调用百度统计 API 获取访问数据。本教程将会泄漏属于百度统计的站点 ID 和百度统计 AccessToken，请先前往百度统计用户手册了解，介意者请谨慎部署。 2021-05-14 新增访客数的统计，统计指标 metrics 可以选择统计访问次数（PV）还是访客数（UV）。 2021-05-1...

2021-11-01

ECharts 地图上显示饼图

#container { height: 500px; padding: 10px; background: white; border-radius: 12px; } var geoCoordMap = { '河北': [114.4995, 38.1006],//河北石家庄 '山西': [112.3352, 37.9413],// 山西太原 '内蒙古': [111.4124, 40.4901],// 内蒙古呼和浩特 '辽宁': [123.1238, 42.1216],// 辽宁沈阳 '吉林': [125.8154, 44.2584],// 吉林长春 '黑龙江': [127.9688, 45.368],// 黑龙江哈尔滨 '江苏': [118.8062, 31.9208],//江苏南京 '浙江': [119.5313, 29.8773],// 浙江杭州 '安徽': [117.29, 32.0581],// 安徽合肥 '福建': [119.4543, 25.9222]...

2022-06-21

ECharts 日期旭日图

#container { height: 640px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': '月', 'data': [ 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 2, 2, ...

2021-01-05

在 Hexo 中插入 ECharts 动态图表

ECharts 简介ECharts 是一个使用 JavaScript 实现的开源可视化库，可以流畅的运行在 PC 和移动设备上，兼容当前绝大部分浏览器（Chrome，Firefox，Safari，IE8/9/10/11 等），底层依赖矢量图形库 ZRender，提供直观，交互丰富，可高度个性化定制的数据可视化图表。它提供了常规的折线图、柱状图、散点图、饼图、K 线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。 Hexo 中的 EChartsECharts 的 Hexo 插件目前有三个版本，分别为： hexo-tag-echarts 需要手动引入 ECharts.js hexo-tag-echarts3 自动引入 https://cdn.bootcss.com/echarts/3.8.0/echarts.min.js hexo-tag-echarts4 自动引入 https://cdn.bootcss.com/echar...