ECharts 词云图

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

2021-11-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]...

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-06-10

ECharts 对比漏斗图

#container1, #container2 { height: 500px; padding: 10px; background: white; border-radius: 12px; } var data1 = [ { 'name': '指标', 'data': [ '展示', '点击', '咨询', '下单' ] }, { 'name': '天猫', 'data': [ 3532093380, 1462451270, 639296573, 318559381 ] } ] var data2 = [ { 'name': '指标', 'data': [ '展示', '点击', '咨询', '下单' ] }, { 'name': '天猫', 'data'...

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