Toggle navigation
USA fast-food via obesity
By
j***h
2019-01-13 14:55:48
脚本
16
21
作品使用的第三方脚本
https://echarts.baidu.com/resource/echarts-gl-latest/dist/echarts-gl.min.js
数据管理
上传数据
支持小于 5M 任意格式(csv, xlsx, json, xml, ...)的数据文件
上传后可以通过生成的文件链接异步获取托管的数据。
历史数据
0 条
无历史数据
代码修改记录
信息提示
保存作品
对当前截图不满意?你还可以
上传本地截图
重新截图
作品名称
作品描述
标签
geo
grid
legend
markLine
markPoint
bar
effectScatter
line
lines
map
timeline
title
toolbox
tooltip
visualMap
作品默认版本
最新
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1
20:11:45
图表已生成
整理代码
刷新
代码
var uploadedDataURL = "/asset/get/s/data-1547275769288-ukt59TRPr.json"; myChart.showLoading(); $.get(uploadedDataURL, function(usaJson) { myChart.hideLoading(); echarts.registerMap('USA', usaJson, { Alaska: { // 把阿拉斯加移到美国主大陆左下方 left: -131, top: 25, width: 45 }, Hawaii: { left: -110, // 夏威夷 top: 28, width: 20 }, 'Puerto Rico': { // 波多黎各 left: -76, top: 26, width: 10 } }); let geoCoordMap = { "Alabama": [-86.25, 32.30], "Alaska": [-127.40, 26.33], "Arizona": [-112.00, 33.50], "Arkansas": [-92.33, 34.75], "California": [-121.47, 38.57], "Colorado": [-105.00, 39.75], "Connecticut": [-72.75, 41.75], "Delaware": [-75.50, 39.00], "Florida": [-84.28, 30.50], "Georgia": [-84.45, 33.75], "Hawaii": [-157.00, 21.33], "Idaho": [-116.17, 43.60], "Illinois": [-73.50, 42.00], "Indiana": [-86.00, 39.75], "Iowa": [-93.60, 41.50], "Kansas": [-95.75, 39.00], "Kentucky": [-84.85, 38.16], "Louisiana": [-91.10, 30.50], "Maine": [-69.75, 44.33], "Maryland": [-77.15, 39.33], "Massachusetts": [-71.10, 42.33], "Michigan": [-80.75, 40.10], "Minnesota": [-93.10, 45.00], "Mississippi": [-90.20, 32.00], "Missouri": [-92.20, 38.50], "Montana": [-112.00, 45.50], "Nebraska": [-96.10, 40.80], "Nevada": [-118.75, 39.00], "New Hampshire": [-71.50, 43.20], "New Jersey": [-74.75, 40.20], "New Mexico": [-106.00, 35.10], "New York": [-73.80, 42.10], "North Carolina": [-78.67, 35.75], "North Dakota": [-100.80, 46.75], "Ohio": [-83.00, 40.00], "Oklahoma": [-97.50, 35.50], "Oregon": [-123.00, 45.00], "Pennsylvania": [-77.00, 40.25], "Rhode Island": [-71.47, 41.80], "South Carolina": [-81.00, 34.00], "South Dakota": [-100.00, 44.33], "Tennessee": [-86.75, 36.00], "Texas": [-97.75, 30.25], "Utah": [-111.90, 40.75], "Vermont": [-72.50, 44.25], "Virginia": [-77.50, 37.50], "Washington": [-122.90, 47.00], "West Virginia": [-81.00, 38.40], "Wisconsin": [-89.40, 43.10], "Wyoming": [-106.80, 43.10], }; var convertData = function(data) { var res = []; for (var i = 0; i < data.length; i++) { var geoCoord = geoCoordMap[data[i].name]; if (geoCoord) { res.push({ name: data[i].name, value: geoCoord.concat(data[i].value), tipData: [Math.round(Math.random() * 1000), Math.round(Math.random() * 1000)], }); } } // console.log(res) return res; }; var convert_bar = function(params){ var res = [ ['xAxis', '1970', '1975', '1980', '1985', '1990', '1995', '2000', '2005', '2010', '2015'], ['amount', 1, 1, 1, 1, 1, 98.7, 65.1, 53.3, 41.1, 30.4, 53.3] ] var list =['Alaska','Aria'] if (params == list[0]) { res[1] = ['amount', 41.1, 30.4, 65.1, 53.3, 83.8, 98.7, 65.1, 53.3, 41.1, 30.4, 53.3] } // console.log(res) return res; }; function tooltipCharts(params) { console.log(arguments[0]); var myChart = echarts.init(document.getElementById('tooltipBarId')); var option = { dataset: { source: (convert_bar(params)) }, xAxis: { type: 'category', interval: true, axisLabel: { rotate: 45 }, axisTick: { show: false } }, yAxis: {}, color: ['#4FA8F9', '#F5A623'], grid: { show: true, backgroundColor: '#FAFAFA', left: 30, right: 20, top: 20 }, series: [{ type: 'bar', smooth: true, seriesLayoutBy: 'row', barWidth: 10 }] }; myChart.setOption(option); } let option = { baseOption: { timeline: { //loop: false, axisType: 'category', show: true, autoPlay: false, playInterval: 1000, data: ['1985', '1990', '1995', '2000', '2005', '2010', 'Now'] }, tooltip: { padding: 0, enterable: true, transitionDuration: 1, textStyle: { color: '#000', decoration: 'none', }, // position: function (point, params, dom, rect, size) { // return [point[0], point[1]]; // }, formatter: function(params) { // console.log(params) var tipHtml = '
' + '
' + '
' + params.name + '
' + '
Click for more information
' + '
' + '
' + '
' + '
' + '
One information
' + '
' + params.data.tipData[0] + 'unknown
' + '
' + '
' + '
' + '
Another information
' + '
' + params.data.tipData[1] + 'unknown
' + '
' + '
' + '
' + '
'; setTimeout(function() { tooltipCharts(params.name); }, 10); return tipHtml; } }, title: { text: 'USA fast-food via obesity', subtext: 'Data from worldbank, Mcdonald,KFC', sublink: 'http://www.census.gov/popest/data/datasets.html', left: 'right' }, visualMap: [ /*{ left: 'right', min: 500000, max: 38000000, inRange: { color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026'] }, text:['High','Low'], // 文本,默认为数值文本 calculable: true },*/ { type: 'continuous', seriesIndex: 0, text: ['Restaurant numbers'], calculable: true, min: 100, max: 1050, inRange: { color: ['#87aa66', '#eba438', '#d94d4c'] } } ], toolbox: { show: true, //orient: 'vertical', left: 'left', top: 'top', feature: { dataView: { readOnly: false }, restore: {}, saveAsImage: {} } }, }, options: [ { geo3D: { map: 'USA', roam: true, itemStyle: { areaColor: '#33a3dc', opacity: 1, borderWidth: 0.4, borderColor: '#000' }, label: { show: false, textStyle: { color: '#000', //地图初始化区域字体颜色 fontSize: 8, opacity: 1, backgroundColor: 'rgba(0,23,11,0)' }, }, emphasis: { //当鼠标放上去 地区区域是否显示名称 label: { show: true, textStyle: { color: '#fff', fontSize: 3, backgroundColor: 'rgba(0,23,11,0)' } } }, //shading: 'lambert', light: { //光照阴影 main: { color: '#fff', //光照颜色 intensity: 1.2, //光照强度 //shadowQuality: 'high', //阴影亮度 shadow: false, //是否显示阴影 alpha: 55, beta: 10 }, ambient: { intensity: 0.3 } }, regions: [ { name: 'Alabama', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Alaska', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Arizona', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Arkansas', itemStyle: { areaColor: '#afdfe4' } }, { name: 'California', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Colorado', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Connecticut', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Delaware', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Florida', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Georgia', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Hawaii', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Idaho', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Illinois', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Indiana', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Iowa', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Kansas', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Kentucky', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Louisiana', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Maine', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Maryland', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Massachusetts', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Michigan', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Minnesota', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Mississippi', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Missouri', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Montana', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Nebraska', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Nevada', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NewHampshire', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NewJersey', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NewMexico', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NewYork', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NorthCarolina', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NorthDakota', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Ohio', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Oklahoma', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Oregon', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Pennsylvania', itemStyle: { areaColor: '#afdfe4' } }, { name: 'RhodeIsland', itemStyle: { areaColor: '#afdfe4' } }, { name: 'SouthCarolina', itemStyle: { areaColor: '#afdfe4' } }, { name: 'SouthDakota', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Tennessee', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Texas', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Utah', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Vermont', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Virginia', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Washington', itemStyle: { areaColor: '#afdfe4' } }, { name: 'WestVirginia', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Wisconsin', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Wyoming', itemStyle: { areaColor: '#afdfe4' } }, ] }, series: [ { name: 'bar3D', type: "bar3D", coordinateSystem: 'geo3D', barSize: 1, //size of bar shading: 'lambert', opacity: 1, bevelSize: 0.3, label: { show: false, formatter: '{b}' }, data: convertData([ { name: "Alabama", value: 211.59 }, { name: "Alaska", value: 112.78 }, { name: "Arizona", value: 276.73 }, { name: "Arkansas", value: 240.34 }, { name: "California", value: 169.49 }, { name: "Colorado", value: 224.30 }, { name: "North Carolina", value: 233.60 }, { name: "South Carolina", value: 230.30 }, { name: "Connecticut", value: 150.00 }, { name: "Delaware", value: 196.72 }, { name: "North Dakota", value: 117.65 }, { name: "South Dakota", value: 142.86 }, { name: "Florida", value: 266.08 }, { name: "Georgia", value: 261.74 }, { name: "Hawaii", value: 192.60 }, { name: "Idaho", value: 214.78 }, { name: "Illinois", value: 196.49 }, { name: "Indiana", value: 221.24 }, { name: "Iowa", value: 188.38 }, { name: "Kansas", value: 233.34 }, { name: "Kentucky", value: 200.00 }, { name: "Louisiana", value: 195.01 }, { name: "Maine", value: 172.41 }, { name: "Maryland", value: 262.04 }, { name: "Massachusetts", value: 155.65 }, { name: "Michigan", value: 214.15 }, { name: "Minnesota", value: 207.89 }, { name: "Mississippi", value: 192.75 }, { name: "Missouri", value: 226.80 }, { name: "Montana", value: 206.69 }, { name: "Nebraska", value: 174.69 }, { name: "Nevada", value: 502.78 }, { name: "New Hampshire", value: 212.63 }, { name: "New Jersey", value: 121.53 }, { name: "New Mexico", value: 214.00 }, { name: "New York", value: 132.86 }, { name: "Ohio", value: 232.77 }, { name: "Oklahoma", value: 204.49 }, { name: "Oregon", value: 236.60 }, { name: "Pennsylvania", value: 149.53 }, { name: "Rhode Island", value: 139.78 }, { name: "Tennessee", value: 256.58 }, { name: "Texas", value: 231.83 }, { name: "Utah", value: 208.57 }, { name: "Vermont", value: 174.43 }, { name: "Virginia", value: 237.76 }, { name: "West Virginia", value: 157.07 }, { name: "Washington", value: 228.32 }, { name: "Wisconsin", value: 218.95 }, { name: "Wyoming", value: 197.22 }, ]) }, ] }, { geo3D: { map: 'USA', roam: true, itemStyle: { areaColor: '#33a3dc', opacity: 1, borderWidth: 0.4, borderColor: '#000' }, label: { show: false, textStyle: { color: '#000', //地图初始化区域字体颜色 fontSize: 8, opacity: 1, backgroundColor: 'rgba(0,23,11,0)' }, }, emphasis: { //当鼠标放上去 地区区域是否显示名称 label: { show: true, textStyle: { color: '#fff', fontSize: 3, backgroundColor: 'rgba(0,23,11,0)' } } }, //shading: 'lambert', light: { //光照阴影 main: { color: '#fff', //光照颜色 intensity: 1.2, //光照强度 //shadowQuality: 'high', //阴影亮度 shadow: false, //是否显示阴影 alpha: 55, beta: 10 }, ambient: { intensity: 0.3 } }, regions: [ { name: 'Alabama', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Alaska', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Arizona', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Arkansas', itemStyle: { areaColor: '#afdfe4' } }, { name: 'California', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Colorado', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Connecticut', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Delaware', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Florida', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Georgia', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Hawaii', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Idaho', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Illinois', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Indiana', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Iowa', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Kansas', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Kentucky', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Louisiana', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Maine', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Maryland', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Massachusetts', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Michigan', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Minnesota', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Missouri', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Montana', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Nebraska', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Nevada', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NewHampshire', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NewJersey', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NewMexico', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NewYork', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NorthCarolina', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NorthDakota', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Ohio', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Oklahoma', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Oregon', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Pennsylvania', itemStyle: { areaColor: '#afdfe4' } }, { name: 'RhodeIsland', itemStyle: { areaColor: '#afdfe4' } }, { name: 'SouthCarolina', itemStyle: { areaColor: '#afdfe4' } }, { name: 'SouthDakota', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Tennessee', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Texas', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Utah', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Vermont', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Virginia', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Washington', itemStyle: { areaColor: '#afdfe4' } }, { name: 'WestVirginia', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Wisconsin', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Wyoming', itemStyle: { areaColor: '#afdfe4' } }, ] }, series: [ { name: 'bar3D', type: "bar3D", coordinateSystem: 'geo3D', barSize: 1, //size of bar shading: 'lambert', opacity: 1, bevelSize: 0.3, label: { show: false, formatter: '{b}' }, data: convertData([{ name: "Alabama", value: 476.94, }, { name: "Alaska", value: 263.69 }, { name: "Arizona", value: 549.49 }, { name: "Arkansas", value: 540.75 }, { name: "California", value: 342.17 }, { name: "Colorado", value: 486.32 }, { name: "North Carolina", value: 488.69 }, { name: "South Carolina", value: 487.11 }, { name: "Connecticut", value: 316.11 }, { name: "Delaware", value: 453.55 }, { name: "North Dakota", value: 312.94 }, { name: "South Dakota", value: 355.18 }, { name: "Florida", value: 526.24 }, { name: "Georgia", value: 544.61 }, { name: "Hawaii", value: 404.42 }, { name: "Idaho", value: 471.81 }, { name: "Illinois", value: 439.20 }, { name: "Indiana", value: 476.53 }, { name: "Iowa", value: 417.27 }, { name: "Kansas", value: 512.40 }, { name: "Kentucky", value: 488.49 }, { name: "Louisiana", value: 454.98 }, { name: "Maine", value: 404.27 }, { name: "Maryland", value: 541.81 }, { name: "Massachusetts", value: 340.72 }, { name: "Michigan", value: 451.61 }, { name: "Minnesota", value: 433.79 }, { name: "Mississippi", value: 433.65 }, { name: "Missouri", value: 496.39 }, { name: "Montana", value: 474.81 }, { name: "Nebraska", value: 389.02 }, { name: "Nevada", value: 892.06 }, { name: "New Hampshire", value: 429.31 }, { name: "New Jersey", value: 277.14 }, { name: "New Mexico", value: 454.36 }, { name: "New York", value: 291.27 }, { name: "Ohio", value: 516.13 }, { name: "Oklahoma", value: 475.77 }, { name: "Oregon", value: 498.52 }, { name: "Pennsylvania", value: 338.92 }, { name: "Rhode Island", value: 303.88 }, { name: "Tennessee", value: 553.28 }, { name: "Texas", value: 493.23 }, { name: "Utah", value: 430.23 }, { name: "Vermont", value: 369.98 }, { name: "Virginia", value: 491.11 }, { name: "West Virginia", value: 379.89 }, { name: "Washington", value: 462.50 }, { name: "Wisconsin", value: 466.26 }, { name: "Wyoming", value: 491.11 }, ]) }, ] }, { geo3D: { map: 'USA', roam: true, itemStyle: { areaColor: '#33a3dc', opacity: 1, borderWidth: 0.4, borderColor: '#000' }, label: { show: false, textStyle: { color: '#000', //地图初始化区域字体颜色 fontSize: 8, opacity: 1, backgroundColor: 'rgba(0,23,11,0)' }, }, emphasis: { //当鼠标放上去 地区区域是否显示名称 label: { show: true, textStyle: { color: '#fff', fontSize: 3, backgroundColor: 'rgba(0,23,11,0)' } } }, //shading: 'lambert', light: { //光照阴影 main: { color: '#fff', //光照颜色 intensity: 1.2, //光照强度 //shadowQuality: 'high', //阴影亮度 shadow: false, //是否显示阴影 alpha: 55, beta: 10 }, ambient: { intensity: 0.3 } }, regions: [ { name: 'Alabama', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Alaska', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Arkansas', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Delaware', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Illinois', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Indiana', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Iowa', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Kentucky', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Louisiana', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Michigan', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Mississippi', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Missouri', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Nebraska', itemStyle: { areaColor: '#90d7ec' } }, { name: 'NorthCarolina', itemStyle: { areaColor: '#90d7ec' } }, { name: 'NorthDakota', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Ohio', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Pennsylvania', itemStyle: { areaColor: '#90d7ec' } }, { name: 'SouthCarolina', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Tennessee', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Texas', itemStyle: { areaColor: '#90d7ec' } }, { name: 'WestVirginia', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Wisconsin', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Arizona', itemStyle: { areaColor: '#afdfe4' } }, { name: 'California', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Colorado', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Connecticut', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Florida', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Georgia', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Hawaii', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Idaho', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Kansas', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Maine', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Massachusetts', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Minnesota', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Montana', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Nevada', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NewHampshire', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NewJersey', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NewMexico', itemStyle: { areaColor: '#afdfe4' } }, { name: 'NewYork', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Oklahoma', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Oregon', itemStyle: { areaColor: '#afdfe4' } }, { name: 'RhodeIsland', itemStyle: { areaColor: '#afdfe4' } }, { name: 'SouthDakota', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Utah', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Vermont', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Virginia', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Washington', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Wyoming', itemStyle: { areaColor: '#afdfe4' } }, ] }, series: [ { name: 'bar3D', type: "bar3D", coordinateSystem: 'geo3D', barSize: 1, //size of bar shading: 'lambert', opacity: 1, bevelSize: 0.3, label: { show: false, formatter: '{b}' }, data: convertData([{ name: "Alabama", value: 809.30 }, { name: "Alaska", value: 438.81 }, { name: "Arizona", value: 826.19 }, { name: "Arkansas", value: 897.64 }, { name: "California", value: 593.06 }, { name: "Colorado", value: 767.62 }, { name: "North Carolina", value: 810.88 }, { name: "South Carolina", value: 864.00 }, { name: "Connecticut", value: 572.29 }, { name: "Delaware", value: 750.00 }, { name: "North Dakota", value: 563.09 }, { name: "South Dakota", value: 594.59 }, { name: "Florida", value: 850.07 }, { name: "Georgia", value: 873.12 }, { name: "Hawaii", value: 666.67 }, { name: "Idaho", value: 728.81 }, { name: "Illinois", value: 774.35 }, { name: "Indiana", value: 875.21 }, { name: "Iowa", value: 752.61 }, { name: "Kansas", value: 884.62 }, { name: "Kentucky", value: 843.19 }, { name: "Louisiana", value: 835.62 }, { name: "Maine", value: 709.68 }, { name: "Maryland", value: 930.97 }, { name: "Massachusetts", value: 605.86 }, { name: "Michigan", value: 820.25 }, { name: "Minnesota", value: 759.66 }, { name: "Mississippi", value: 742.65 }, { name: "Missouri", value: 855.02 }, { name: "Montana", value: 772.73 }, { name: "Nebraska", value: 662.65 }, { name: "Nevada", value: 1227.85 }, { name: "New Hampshire", value: 741.38 }, { name: "New Jersey", value: 482.67 }, { name: "New Mexico", value: 720.93 }, { name: "New York", value: 521.60 }, { name: "Ohio", value: 925.00 }, { name: "Oklahoma", value: 821.75 }, { name: "Oregon", value: 805.03 }, { name: "Pennsylvania", value: 601.64 }, { name: "Rhode Island", value: 490.20 }, { name: "Tennessee", value: 923.08 }, { name: "Texas", value: 813.29 }, { name: "Utah", value: 686.57 }, { name: "Vermont", value: 610.17 }, { name: "Virginia", value: 836.58 }, { name: "West Virginia", value: 681.32 }, { name: "Washington", value: 769.81 }, { name: "Wisconsin", value: 824.66 }, { name: "Wyoming", value: 734.69 }, ]) }, ] }, { geo3D: { map: 'USA', roam: true, itemStyle: { areaColor: '#33a3dc', opacity: 1, borderWidth: 0.4, borderColor: '#000' }, label: { show: false, textStyle: { color: '#000', //地图初始化区域字体颜色 fontSize: 8, opacity: 1, backgroundColor: 'rgba(0,23,11,0)' }, }, emphasis: { //当鼠标放上去 地区区域是否显示名称 label: { show: true, textStyle: { color: '#fff', fontSize: 3, backgroundColor: 'rgba(0,23,11,0)' } } }, //shading: 'lambert', light: { //光照阴影 main: { color: '#fff', //光照颜色 intensity: 1.2, //光照强度 //shadowQuality: 'high', //阴影亮度 shadow: false, //是否显示阴影 alpha: 55, beta: 10 }, ambient: { intensity: 0.3 } }, regions: [ { name: 'Alabama', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Alaska', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Arkansas', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Georgia', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Illinois', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Indiana', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Iowa', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Kentucky', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Louisiana', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Michigan', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Mississippi', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Missouri', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Nebraska', itemStyle: { areaColor: '#7bbfea' } }, { name: 'NorthCarolina', itemStyle: { areaColor: '#7bbfea' } }, { name: 'NorthDakota', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Ohio', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Oklahoma', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Pennsylvania', itemStyle: { areaColor: '#7bbfea' } }, { name: 'SouthCarolina', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Tennessee', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Texas', itemStyle: { areaColor: '#7bbfea' } }, { name: 'WestVirginia', itemStyle: { areaColor: '#7bbfea' } }, { name: 'California', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Connecticut', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Delaware', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Florida', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Hawaii', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Idaho', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Kansas', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Maine', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Maryland', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Massachusetts', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Minnesota', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Montana', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Nevada', itemStyle: { areaColor: '#90d7ec' } }, { name: 'NewHampshire', itemStyle: { areaColor: '#90d7ec' } }, { name: 'NewJersey', itemStyle: { areaColor: '#90d7ec' } }, { name: 'NewMexico', itemStyle: { areaColor: '#90d7ec' } }, { name: 'NewYork', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Oregon', itemStyle: { areaColor: '#90d7ec' } }, { name: 'RhodeIsland', itemStyle: { areaColor: '#90d7ec' } }, { name: 'SouthDakota', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Utah', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Vermont', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Virginia', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Washington', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Wisconsin', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Wyoming', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Arizona', itemStyle: { areaColor: '#afdfe4' } }, { name: 'Colorado', itemStyle: { areaColor: '#afdfe4' } }, ] }, series: [ { name: 'bar3D', type: "bar3D", coordinateSystem: 'geo3D', barSize: 1, //size of bar shading: 'lambert', opacity: 1, bevelSize: 0.3, label: { show: false, formatter: '{b}' }, data: convertData([{ name: "Alabama", value: 1036.07 }, { name: "Alaska", value: 553.47 }, { name: "Arizona", value: 940.61 }, { name: "Arkansas", value: 1138.81 }, { name: "California", value: 727.94 }, { name: "Colorado", value: 910.80 }, { name: "North Carolina", value: 975.08 }, { name: "South Carolina", value: 1063.21 }, { name: "Connecticut", value: 760.83 }, { name: "Delaware", value: 932.18 }, { name: "North Dakota", value: 748.79 }, { name: "South Dakota", value: 782.77 }, { name: "Florida", value: 1019.63 }, { name: "Georgia", value: 1032.31 }, { name: "Hawaii", value: 887.71 }, { name: "Idaho", value: 883.90 }, { name: "Illinois", value: 981.93 }, { name: "Indiana", value: 1065.43 }, { name: "Iowa", value: 975.71 }, { name: "Kansas", value: 1130.34 }, { name: "Kentucky", value: 1067.59 }, { name: "Louisiana", value: 1075.79 }, { name: "Maine", value: 929.54 }, { name: "Maryland", value: 1169.23 }, { name: "Massachusetts", value: 771.69 }, { name: "Michigan", value: 1049.03 }, { name: "Minnesota", value: 947.17 }, { name: "Mississippi", value: 939.32 }, { name: "Missouri", value: 1085.93 }, { name: "Montana", value: 1009.87 }, { name: "Nebraska", value: 860.08 }, { name: "Nevada", value: 1280.69 }, { name: "New Hampshire", value: 919.54 }, { name: "New Jersey", value: 611.09 }, { name: "New Mexico", value: 907.97 }, { name: "New York", value: 667.79 }, { name: "Ohio", value: 1198.25 }, { name: "Oklahoma", value: 1042.43 }, { name: "Oregon", value: 990.54 }, { name: "Pennsylvania", value: 784.54 }, { name: "Rhode Island", value: 692.48 }, { name: "Tennessee", value: 1141.36 }, { name: "Texas", value: 970.11 }, { name: "Utah", value: 822.55 }, { name: "Vermont", value: 812.71 }, { name: "Virginia", value: 1038.65 }, { name: "West Virginia", value: 922.12 }, { name: "Washington", value: 928.82 }, { name: "Wisconsin", value: 1051.32 }, { name: "Wyoming", value: 1079.19 }, ]) }, ] }, { geo3D: { map: 'USA', roam: true, itemStyle: { areaColor: '#33a3dc', opacity: 1, borderWidth: 0.4, borderColor: '#000' }, label: { show: false, textStyle: { color: '#000', //地图初始化区域字体颜色 fontSize: 8, opacity: 1, backgroundColor: 'rgba(0,23,11,0)' }, }, emphasis: { //当鼠标放上去 地区区域是否显示名称 label: { show: true, textStyle: { color: '#fff', fontSize: 3, backgroundColor: 'rgba(0,23,11,0)' } } }, //shading: 'lambert', light: { //光照阴影 main: { color: '#fff', //光照颜色 intensity: 1.2, //光照强度 //shadowQuality: 'high', //阴影亮度 shadow: false, //是否显示阴影 alpha: 55, beta: 10 }, ambient: { intensity: 0.3 } }, regions: [ { name: 'Alabama', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Arkansas', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Georgia', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Indiana', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Kentucky', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Louisiana', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Michigan', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Mississippi', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Missouri', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Oklahoma', itemStyle: { areaColor: '#33a3dc' } }, { name: 'SouthCarolina', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Tennessee', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Texas', itemStyle: { areaColor: '#33a3dc' } }, { name: 'WestVirginia', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Alaska', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Arizona', itemStyle: { areaColor: '#7bbfea' } }, { name: 'California', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Delaware', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Florida', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Idaho', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Illinois', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Iowa', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Kansas', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Maine', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Maryland', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Minnesota', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Nebraska', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Nevada', itemStyle: { areaColor: '#7bbfea' } }, { name: 'NewHampshire', itemStyle: { areaColor: '#7bbfea' } }, { name: 'NewJersey', itemStyle: { areaColor: '#7bbfea' } }, { name: 'NewMexico', itemStyle: { areaColor: '#7bbfea' } }, { name: 'NewYork', itemStyle: { areaColor: '#7bbfea' } }, { name: 'NorthCarolina', itemStyle: { areaColor: '#7bbfea' } }, { name: 'NorthDakota', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Ohio', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Oregon', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Pennsylvania', itemStyle: { areaColor: '#7bbfea' } }, { name: 'SouthDakota', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Utah', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Virginia', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Washington', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Wisconsin', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Wyoming', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Colorado', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Connecticut', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Hawaii', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Massachusetts', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Montana', itemStyle: { areaColor: '#90d7ec' } }, { name: 'RhodeIsland', itemStyle: { areaColor: '#90d7ec' } }, { name: 'Vermont', itemStyle: { areaColor: '#90d7ec' } }, ] }, series: [ { name: 'bar3D', type: "bar3D", coordinateSystem: 'geo3D', barSize: 1, //size of bar shading: 'lambert', opacity: 1, bevelSize: 0.3, label: { show: false, formatter: '{b}' }, data: convertData([{ name: "Alabama", value: 1100.98 }, { name: "Alaska", value: 563.61 }, { name: "Arizona", value: 876.73 }, { name: "Arkansas", value: 1188.39 }, { name: "California", value: 753.34 }, { name: "Colorado", value: 913.16 }, { name: "North Carolina", value: 983.70 }, { name: "South Carolina", value: 1087.42 }, { name: "Connecticut", value: 787.41 }, { name: "Delaware", value: 940.50 }, { name: "North Dakota", value: 813.59 }, { name: "South Dakota", value: 828.69 }, { name: "Florida", value: 995.71 }, { name: "Georgia", value: 1008.24 }, { name: "Hawaii", value: 918.96 }, { name: "Idaho", value: 866.36 }, { name: "Illinois", value: 1045.84 }, { name: "Indiana", value: 1126.14 }, { name: "Iowa", value: 1052.96 }, { name: "Kansas", value: 1205.74 }, { name: "Kentucky", value: 1121.12 }, { name: "Louisiana", value: 1174.14 }, { name: "Maine", value: 986.84 }, { name: "Maryland", value: 1206.65 }, { name: "Massachusetts", value: 826.77 }, { name: "Michigan", value: 1038.46 }, { name: "Minnesota", value: 990.86 }, { name: "Mississippi", value: 1003.00 }, { name: "Missouri", value: 1137.25 }, { name: "Montana", value: 1050.56 }, { name: "Nebraska", value: 913.14 }, { name: "Nevada", value: 1154.78 }, { name: "New Hampshire", value: 953.00 }, { name: "New Jersey", value: 647.80 }, { name: "New Mexico", value: 935.16 }, { name: "New York", value: 712.44 }, { name: "Ohio", value: 1287.19 }, { name: "Oklahoma", value: 1103.75 }, { name: "Oregon", value: 1016.79 }, { name: "Pennsylvania", value: 842.82 }, { name: "Rhode Island", value: 738.34 }, { name: "Tennessee", value: 1176.05 }, { name: "Texas", value: 963.90 }, { name: "Utah", value: 797.20 }, { name: "Vermont", value: 868.79 }, { name: "Virginia", value: 1056.88 }, { name: "West Virginia", value: 1007.48 }, { name: "Washington", value: 944.09 }, { name: "Wisconsin", value: 1105.17 }, { name: "Wyoming", value: 1126.59 }, ]) }, ] }, { geo3D: { map: 'USA', roam: true, itemStyle: { areaColor: '#33a3dc', opacity: 1, borderWidth: 0.4, borderColor: '#000' }, label: { show: false, textStyle: { color: '#000', //地图初始化区域字体颜色 fontSize: 8, opacity: 1, backgroundColor: 'rgba(0,23,11,0)' }, }, emphasis: { //当鼠标放上去 地区区域是否显示名称 label: { show: true, textStyle: { color: '#fff', fontSize: 3, backgroundColor: 'rgba(0,23,11,0)' } } }, //shading: 'lambert', light: { //光照阴影 main: { color: '#fff', //光照颜色 intensity: 1.2, //光照强度 //shadowQuality: 'high', //阴影亮度 shadow: false, //是否显示阴影 alpha: 55, beta: 10 }, ambient: { intensity: 0.3 } }, regions: [ { name: 'Alabama', itemStyle: { areaColor: '#228fbd' } }, { name: 'Mississippi', itemStyle: { areaColor: '#228fbd' } }, { name: 'WestVirginia', itemStyle: { areaColor: '#228fbd' } }, { name: 'Alaska', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Arizona', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Arkansas', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Delaware', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Florida', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Georgia', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Idaho', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Illinois', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Indiana', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Iowa', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Kansas', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Kentucky', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Louisiana', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Maine', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Maryland', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Michigan', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Minnesota', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Missouri', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Nebraska', itemStyle: { areaColor: '#33a3dc' } }, { name: 'NewHampshire', itemStyle: { areaColor: '#33a3dc' } }, { name: 'NewMexico', itemStyle: { areaColor: '#33a3dc' } }, { name: 'NorthCarolina', itemStyle: { areaColor: '#33a3dc' } }, { name: 'NorthDakota', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Ohio', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Oklahoma', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Oregon', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Pennsylvania', itemStyle: { areaColor: '#33a3dc' } }, { name: 'SouthCarolina', itemStyle: { areaColor: '#33a3dc' } }, { name: 'SouthDakota', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Tennessee', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Texas', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Virginia', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Washington', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Wisconsin', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Wyoming', itemStyle: { areaColor: '#33a3dc' } }, { name: 'California', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Connecticut', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Hawaii', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Massachusetts', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Montana', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Nevada', itemStyle: { areaColor: '#7bbfea' } }, { name: 'NewJersey', itemStyle: { areaColor: '#7bbfea' } }, { name: 'NewYork', itemStyle: { areaColor: '#7bbfea' } }, { name: 'RhodeIsland', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Utah', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Vermont', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Colorado', itemStyle: { areaColor: '#90d7ec' } }, ] }, series: [ { name: 'bar3D', type: "bar3D", coordinateSystem: 'geo3D', barSize: 1, //size of bar shading: 'lambert', opacity: 1, bevelSize: 0.3, label: { show: false, formatter: '{b}' }, data: convertData([{ name: "Alabama", value: 1059.32 }, { name: "Alaska", value: 534.91 }, { name: "Arizona", value: 828.48 }, { name: "Arkansas", value: 1146.03 }, { name: "California", value: 726.89 }, { name: "Colorado", value: 853.53 }, { name: "North Carolina", value: 920.98 }, { name: "South Carolina", value: 1011.26 }, { name: "Connecticut", value: 815.81 }, { name: "Delaware", value: 899.13 }, { name: "North Dakota", value: 787.20 }, { name: "South Dakota", value: 798.45 }, { name: "Florida", value: 951.32 }, { name: "Georgia", value: 957.11 }, { name: "Hawaii", value: 869.23 }, { name: "Idaho", value: 799.30 }, { name: "Illinois", value: 1045.32 }, { name: "Indiana", value: 1098.50 }, { name: "Iowa", value: 1031.59 }, { name: "Kansas", value: 1170.07 }, { name: "Kentucky", value: 1091.22 }, { name: "Louisiana", value: 1165.73 }, { name: "Maine", value: 984.56 }, { name: "Maryland", value: 1177.91 }, { name: "Massachusetts", value: 823.40 }, { name: "Michigan", value: 1161.53 }, { name: "Minnesota", value: 965.86 }, { name: "Mississippi", value: 992.02 }, { name: "Missouri", value: 1115.47 }, { name: "Montana", value: 101.04 }, { name: "Nebraska", value: 884.50 }, { name: "Nevada", value: 1044.07 }, { name: "New Hampshire", value: 950.68 }, { name: "New Jersey", value: 642.74 }, { name: "New Mexico", value: 882.86 }, { name: "New York", value: 718.67 }, { name: "Ohio", value: 1297.04 }, { name: "Oklahoma", value: 1049.62 }, { name: "Oregon", value: 970.92 }, { name: "Pennsylvania", value: 834.22 }, { name: "Rhode Island", value: 762.12 }, { name: "Tennessee", value: 1123.82 }, { name: "Texas", value: 881.97 }, { name: "Utah", value: 726.17 }, { name: "Vermont", value: 866.04 }, { name: "Virginia", value: 1007.87 }, { name: "West Virginia", value: 992.91 }, { name: "Washington", value: 884.92 }, { name: "Wisconsin", value: 1089.94 }, { name: "Wyoming", value: 1039.25 }, ]) }, ] }, { geo3D: { map: 'USA', roam: true, itemStyle: { areaColor: '#33a3dc', opacity: 1, borderWidth: 0.4, borderColor: '#000' }, label: { show: false, textStyle: { color: '#000', //地图初始化区域字体颜色 fontSize: 8, opacity: 1, backgroundColor: 'rgba(0,23,11,0)' }, }, emphasis: { //当鼠标放上去 地区区域是否显示名称 label: { show: true, textStyle: { color: '#fff', fontSize: 3, backgroundColor: 'rgba(0,23,11,0)' } } }, //shading: 'lambert', light: { //光照阴影 main: { color: '#fff', //光照颜色 intensity: 1.2, //光照强度 //shadowQuality: 'high', //阴影亮度 shadow: false, //是否显示阴影 alpha: 55, beta: 10 }, ambient: { intensity: 0.3 } }, regions: [ { name: 'Alabama', itemStyle: { areaColor: '#228fbd' } }, { name: 'Arkansas', itemStyle: { areaColor: '#228fbd' } }, { name: 'Kentucky', itemStyle: { areaColor: '#228fbd' } }, { name: 'Louisiana', itemStyle: { areaColor: '#228fbd' } }, { name: 'Mississippi', itemStyle: { areaColor: '#228fbd' } }, { name: 'Oklahoma', itemStyle: { areaColor: '#228fbd' } }, { name: 'Tennessee', itemStyle: { areaColor: '#228fbd' } }, { name: 'WestVirginia', itemStyle: { areaColor: '#228fbd' } }, { name: 'Alaska', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Arizona', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Delaware', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Florida', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Georgia', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Idaho', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Illinois', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Indiana', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Iowa', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Kansas', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Maine', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Maryland', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Michigan', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Minnesota', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Missouri', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Nebraska', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Nevada', itemStyle: { areaColor: '#33a3dc' } }, { name: 'NewHampshire', itemStyle: { areaColor: '#33a3dc' } }, { name: 'NewJersey', itemStyle: { areaColor: '#33a3dc' } }, { name: 'NewMexico', itemStyle: { areaColor: '#33a3dc' } }, { name: 'NewYork', itemStyle: { areaColor: '#33a3dc' } }, { name: 'NorthCarolina', itemStyle: { areaColor: '#33a3dc' } }, { name: 'NorthDakota', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Ohio', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Oregon', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Pennsylvania', itemStyle: { areaColor: '#33a3dc' } }, { name: 'RhodeIsland', itemStyle: { areaColor: '#33a3dc' } }, { name: 'SouthCarolina', itemStyle: { areaColor: '#33a3dc' } }, { name: 'SouthDakota', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Texas', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Virginia', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Washington', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Wisconsin', itemStyle: { areaColor: '#33a3dc' } }, { name: 'Wyoming', itemStyle: { areaColor: '#33a3dc' } }, { name: 'California', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Colorado', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Connecticut', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Hawaii', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Massachusetts', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Montana', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Utah', itemStyle: { areaColor: '#7bbfea' } }, { name: 'Vermont', itemStyle: { areaColor: '#7bbfea' } }, ] }, series: [ { name: 'bar3D', type: "bar3D", coordinateSystem: 'geo3D', barSize: 1, //size of bar shading: 'lambert', opacity: 1, bevelSize: 0.3, label: { show: false, formatter: '{b}' }, data: convertData([{ name: "Alabama", value: 1055.95 }, { name: "Alaska", value: 521.59 }, { name: "Arizona", value: 806.33 }, { name: "Arkansas", value: 1136.35 }, { name: "California", value: 711.20 }, { name: "Colorado", value: 823.66 }, { name: "North Carolina", value: 881.55 }, { name: "South Carolina", value: 988.76 }, { name: "Connecticut", value: 797.23 }, { name: "Delaware", value: 864.88 }, { name: "North Dakota", value: 736.30 }, { name: "South Dakota", value: 783.45 }, { name: "Florida", value: 920.56 }, { name: "Georgia", value: 936.00 }, { name: "Hawaii", value: 842.72 }, { name: "Idaho", value: 783.45 }, { name: "Illinois", value: 1046.62 }, { name: "Indiana", value: 1090.71 }, { name: "Iowa", value: 1023.47 }, { name: "Kansas", value: 1163.88 }, { name: "Kentucky", value: 1084.36 }, { name: "Louisiana", value: 1148.95 }, { name: "Maine", value: 989.62 }, { name: "Maryland", value: 1156.02 }, { name: "Massachusetts", value: 809.14 }, { name: "Michigan", value: 1165.15 }, { name: "Minnesota", value: 951.12 }, { name: "Mississippi", value: 990.45 }, { name: "Missouri", value: 1113.78 }, { name: "Montana", value: 995.47 }, { name: "Nebraska", value: 870.03 }, { name: "Nevada", value: 1015.58 }, { name: "New Hampshire", value: 955.57 }, { name: "New Jersey", value: 638.07 }, { name: "New Mexico", value: 874.66 }, { name: "New York", value: 711.37 }, { name: "Ohio", value: 1300.33 }, { name: "Oklahoma", value: 1030.35 }, { name: "Oregon", value: 955.99 }, { name: "Pennsylvania", value: 833.92 }, { name: "Rhode Island", value: 766.04 }, { name: "Tennessee", value: 1106.97 }, { name: "Texas", value: 844.99 }, { name: "Utah", value: 699.70 }, { name: "Vermont", value: 870.50 }, { name: "Virginia", value: 984.84 }, { name: "West Virginia", value: 998.02 }, { name: "Washington", value: 876.39 }, { name: "Wisconsin", value: 1086.00 }, { name: "Wyoming", value: 1008.58 }, ]) }, ] }, ] }; myChart.setOption(option); myChart.on('mouseover', function(params) { console.log(params) clearInterval(timeTicket); myChart.dispatchAction({ type: 'downplay', seriesIndex: 0 }); myChart.dispatchAction({ type: 'highlight', seriesIndex: 0, dataIndex: params.dataIndex }); myChart.dispatchAction({ type: 'showTip', seriesIndex: 0, dataIndex: params.dataIndex, }); }); myChart.on('mouseout', function(params) { timeTicket && clearInterval(timeTicket); timeTicket = setInterval(function() { myChart.dispatchAction({ type: 'downplay', seriesIndex: 0, }); myChart.dispatchAction({ type: 'highlight', seriesIndex: 0, dataIndex: (count) % dataLength }); myChart.dispatchAction({ type: 'showTip', seriesIndex: 0, dataIndex: (count) % dataLength }); count++; }, 1000); }); } ); // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option);