ECharts 弹窗悬浮图表
相关推荐
2022-05-13
ECharts 词云图
#container { height: 500px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': 'word', 'data': [ 'Macys', 'Amy Schumer', 'Jurassic World', 'Charter Communications', 'Chick Fil A', 'Planet Fitness', 'Pitch Perfect', 'Express', 'Home', 'Johnny Depp', 'Lena Dunham', 'Lewis Hamilton', 'KXAN', 'Mary Ellen Mark', 'Farrah Abraham', 'Rita...
2021-04-01
Hexo 博客文章统计图
前言本文教程主要针对 Hexo 博客，对博客的文章发布时间、文章分类、文章标签的维度绘制统计图，使用的是 ECharts 开源可视化库。具体效果可以点击本站的 统计--文章统计 页面查看。 2021-05-17 新增主题“明暗模式”下统计图的颜色切换。 2021-11-30 新增标签统计图和分类统计图的页面跳转功能。 2022-05-07 新增文章发布统计图自定义统计开始日期属性 data-start。 2022-08-15 V2.0 适配多层级分类，单层分类时显示饼状图，多层分类时显示旭日图; 多分类时页面也可以跳转到子分类页面。 如果想绘制博客站点访问统计图的可以参考文章 Hexo 博客实时访问统计图 新建 charts 页面使用命令创建手动创建1hexo new page charts 在 [Blogroot]\source\ 目录下新建 charts 文件夹，并在新建的 charts 文件夹下新建 index.md 文件，添加以下内容： 1234---title: 文章统计date: 2020-03-01 08:00:00--- 引入 ECharts.js e...
2023-04-26
ECharts 径向条形图
#container { height: 600px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': '平台', 'data': [ '淘宝', '天猫', '京东', '拼多多', '小红书', '微博' ] }, { 'name': '数值', 'data': [ 7732, 6193, 6160, 4916, 3811, 2286 ] } ] var config = { theme: 'LIGHT', // LIGHT | DARK colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc...
2023-05-30
ECharts 帕累托图
#container { height: 600px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': '省份', 'data': [ "广东", "江苏", "山东", "浙江", "河南", "湖北", "四川", "福建", "安徽", "湖南", "河北", "江西", "云南", "陕西", "辽宁", "贵州", "山西", "吉林", "甘肃", "海南", "青海", ] }, { 'name': '金额', 'd...
2021-11-20
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-09-15
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...
评论
