ECharts 日期旭日图
相关推荐
2021-09-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-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...
2021-08-30
ECharts 同X轴多Y轴图表
#container { height: 500px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': '日期', 'data': [ '2021-01-01', '2021-01-02', '2021-01-03', '2021-01-04', '2021-01-05', '2021-01-06', '2021-01-07', '2021-01-08', '2021-01-09', '2021-01-10', '2021-01-11', '2021-01-12', '2021-01-13', '2021-01-14', '2021-02-01', '2021-02-02', '2021-02...
2022-11-06
ECharts 生涯彩虹图
#container { height: 600px; padding: 10px; background: white; border-radius: 12px; } var data1 = [ { value: 7, name: '0' }, { value: 7, name: '1' }, { value: 7, name: '2' }, { value: 6, name: '3' }, { value: 6, name: '4' }, { value: 6, name: '5' }, { value: 6, name: '6' }, { value: 6, name: '7' }, { value: 6, name: '8' }, { value: 6, name: '9' }, { value: 5, name: '10' }, { value: 5, name: '11' }, { value: 5, name: '12' }, { value: 4, n...
2023-03-12
ECharts 渐变折线图
#container { height: 600px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': '日期', 'data': [ '2000-06-05', '2000-06-06', '2000-06-07', '2000-06-08', '2000-06-09', '2000-06-10', '2000-06-11', '2000-06-12', '2000-06-13', '2000-06-14', '2000-06-15', '2000-06-16', '2000-06-17', '2000-06-18', '2000-06-19', '2000-06-20', '2000-06...
2022-05-05
ECharts 流程图
#container { height: 640px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': '需求预测', 'data': [ 4408124 ] }, { 'name': '生产计划', 'data': [ 4827844.65 ] }, { 'name': '质检入仓', 'data': [ 4697866 ] }, { 'name': '实际销售', 'data': [ 3955159 ] }, { 'name': '成品库存', 'data': [ 1244739 ] }, { 'name': '订单缺货', 'data': [ 1078888 ...
评论
