ECharts 水球图
相关推荐
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, ...
2022-05-10
ECharts 流域图
#container { height: 500px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': 'category', 'data': [ '洁面', '面部精华', '卸妆', '防晒', '身体护理', '面膜', '眼霜', '化妆水爽肤水', '眼部精华', '身体护理', '化妆水爽肤水', '防晒', '洁面', '眼部精华', '面膜', '面部精华', '眼霜', '卸妆', '身体护理', '面膜', '面部精华', '卸妆', '洁面', '化妆水爽肤水', '眼霜', ...
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-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-04-01
Hexo 博客访问统计图（弃用）
前言 本教程已经弃用，请查看新教程 Hexo 博客实时访问统计图 本文教程主要针对 Hexo 博客，对博客站点的的访问地图、每月访问量、访问来源的维度绘制统计图，使用的是 ECharts 开源可视化库。具体效果可以点击本站的 统计--博客统计 页面查看。 本文数据来源均为百度统计，请确保博客站点已加入百度统计，以 butterfly 主题为例，可参照 Butterfly 安装文档(四) 主题配置-2 的分析统计段落实现。 本地主机访问（localhost）也会记录到百度统计，推荐在 【百度统计】--【管理】--【统计规则设置】--【过滤规则设置】--【受访域名统计规则】--【勾选排除 localhost（本地主机）】 排除本地主机访问（貌似在勾选后生效，但是以前的访问记录仍会统计）。 绘制统计图的数据在生成后不会变化。 2021-05-14 新增访客数的统计，统计指标 metrics 可以选择统计访问次数（PV）还是访客数（UV）。 2021-05-17 新增主题“明暗模式”下统计图的颜色切换。 2021-05-17 针对访问数据的实时性问题，发表了新教程 Hexo 博客实...
2023-04-27
ECharts 子弹图
#container { height: 480px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': '平台', 'data': [ '淘宝', '天猫', '京东', '拼多多', '小红书', '微博' ] }, { 'name': '实际值', 'data': [ 160, 145, 160, 134, 121, 179, ] }, { 'name': '目标值', 'data': [ 115, 172, 135, 163,...
评论
