ECharts 流域图
相关推荐
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,...
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-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...
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...
2021-08-01
ECharts 时序图
#container { height: 300px; padding: 10px; background: white; border-radius: 12px; } var data = [ { 'name': '时间', 'data': [ '2021-01', '2021-03', '2021-05', '2021-07', '2021-09', '2021-11', '2022-01' ] }, { 'name': '地点', 'data': [ '地点1', '地点2', '地点3', '地点4', '地点5', '地点6', '地点7' ] }, { 'name': '标题', 'data': [ '标题1标题1标题1', '标题2标题2...
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, ...
评论
