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 博客实时访问统计图 本文教程主要针对 Hexo 博客，对博客站点的的访问地图、每月访问量、访问来源的维度绘制统计图，使用的是 ECharts 开源可视化库。具体效果可以点击本站的 统计--博客统计 页面查看。 本文数据来源均为百度统计，请确保博客站点已加入百度统计，以 butterfly 主题为例，可参照 Butterfly 安装文档(四) 主题配置-2 的分析统计段落实现。 本地主机访问（localhost）也会记录到百度统计，推荐在 【百度统计】--【管理】--【统计规则设置】--【过滤规则设置】--【受访域名统计规则】--【勾选排除 localhost（本地主机）】 排除本地主机访问（貌似在勾选后生效，但是以前的访问记录仍会统计）。 绘制统计图的数据在生成后不会变化。 2021-05-14 新增访客数的统计，统计指标 metrics 可以选择统计访问次数（PV）还是访客数（UV）。 2021-05-17 新增主题“明暗模式”下统计图的颜色切换。 2021-05-17 针对访问数据的实时性问题，发表了新教程 Hexo 博客实...
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-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, ...
2022-05-16
ECharts 水球图
#container { height: 600px; padding: 10px; background: white; border-radius: 12px; } var data = [ { name: '', data: [] } ] var config = { theme: 'LIGHT', // LIGHT | DARK colors: ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'] } var container = document.getElementById('container') var chart = echarts.getInstanceByDom(container) || echarts.init(container, null, { renderer: 'svg' }) var rowNum = d...
2023-05-30
ECharts 帕累托图
#container { height: 600px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': '省份', 'data': [ "广东", "江苏", "山东", "浙江", "河南", "湖北", "四川", "福建", "安徽", "湖南", "河北", "江西", "云南", "陕西", "辽宁", "贵州", "山西", "吉林", "甘肃", "海南", "青海", ] }, { 'name': '金额', 'd...
评论
