
相关推荐

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-01-05
在 Hexo 中插入 ECharts 动态图表
ECharts 简介ECharts 是一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(Chrome,Firefox,Safari,IE8/9/10/11 等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。它提供了常规的折线图、柱状图、散点图、饼图、K 线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。 Hexo 中的 EChartsECharts 的 Hexo 插件目前有三个版本,分别为: hexo-tag-echarts 需要手动引入 ECharts.js hexo-tag-echarts3 自动引入 https://cdn.bootcss.com/echarts/3.8.0/echarts.min.js hexo-tag-echarts4 自动引入 https://cdn.bootcss.com/echar...

2021-11-10
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-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, ...

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...

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 ...
评论





