ECharts 生涯彩虹图
相关推荐
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...
2022-07-05
ECharts 时间极坐标
#container { height: 640px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': '日期', 'data': [ 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Sun', 'Mon', 'Mo...
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 ...
2021-08-15
ECharts 弹窗悬浮图表
#container { height: 500px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': '日期 (月)', 'data': [ '2020-01', '2020-02', '2020-03', '2020-04', '2020-05', '2020-06' ] }, { 'name': '采购数量', 'data': [ 279818, 279426, 279034, 278642, 278250, 255716 ] }, { 'name': '入库数量', 'data': [ 246930, 242620, 238700, ...
评论
