timeline点击bugecharts 地图配置项内容和展示
点击时间轴圆形图标，会高亮地图的一部分
配置项如下
// 原作品：https://www.makeapie.com/editor.html?c=xWgrdUyLWe
var all = {
options: [
{
visualMap: {
min: 0,
max: 500,
right: '25%',
calculable: true,
},
series: [
{
center: 'center',
data: [
{
name: '北京',
value: 3,
},
{
name: '天津',
value: 13,
},
{
name: '河北',
value: 27,
},
{
name: '山西',
value: 19,
},
{
name: '内蒙古',
value: 138,
},
{
name: '辽宁',
value: 228,
},
{
name: '吉林',
value: 151,
},
{
name: '黑龙江',
value: 84,
},
{
name: '上海',
value: 0,
},
{
name: '江苏',
value: 61,
},
{
name: '浙江',
value: 425,
},
{
name: '安徽',
value: 213,
},
{
name: '福建',
value: 520,
},
{
name: '江西',
value: 572,
},
{
name: '山东',
value: 47,
},
{
name: '河南',
value: 983,
},
{
name: '湖北',
value: 1207,
},
{
name: '湖南',
value: 5053,
},
{
name: '广东',
value: 165,
},
{
name: '广西',
value: 659,
},
{
name: '海南',
value: 118,
},
{
name: '重庆',
value: 186,
},
{
name: '四川',
value: 233,
},
{
name: '贵州',
value: 2612,
},
{
name: '云南',
value: 287,
},
{
name: '西藏',
value: 9,
},
{
name: '陕西',
value: 27,
},
{
name: '甘肃',
value: 15,
},
{
name: '青海',
value: 8,
},
{
name: '宁夏',
value: 14,
},
{
name: '新疆',
value: 67,
},
],
label: {
emphasis: {
show: false,
},
normal: {
show: false,
},
},
mapType: 'china',
roam: false,
type: 'map',
},
],
},
{
series: [
{
center: 'center',
data: [
{
name: '北京',
value: 4,
},
{
name: '天津',
value: 6,
},
{
name: '河北',
value: 63,
},
{
name: '山西',
value: 37,
},
{
name: '内蒙古',
value: 66,
},
{
name: '辽宁',
value: 176,
},
{
name: '吉林',
value: 131,
},
{
name: '黑龙江',
value: 54,
},
{
name: '上海',
value: 0,
},
{
name: '江苏',
value: 50,
},
{
name: '浙江',
value: 247,
},
{
name: '安徽',
value: 100,
},
{
name: '福建',
value: 579,
},
{
name: '江西',
value: 394,
},
{
name: '山东',
value: 17,
},
{
name: '河南',
value: 596,
},
{
name: '湖北',
value: 660,
},
{
name: '湖南',
value: 2173,
},
{
name: '广东',
value: 188,
},
{
name: '广西',
value: 569,
},
{
name: '海南',
value: 46,
},
{
name: '重庆',
value: 87,
},
{
name: '四川',
value: 310,
},
{
name: '贵州',
value: 1626,
},
{
name: '云南',
value: 510,
},
{
name: '西藏',
value: 11,
},
{
name: '陕西',
value: 55,
},
{
name: '甘肃',
value: 29,
},
{
name: '青海',
value: 16,
},
{
name: '宁夏',
value: 8,
},
{
name: '新疆',
value: 51,
},
],
label: {
emphasis: {
show: false,
},
normal: {
show: false,
},
},
mapType: 'china',
roam: false,
type: 'map',
},
],
title: {
text: '2009年全国各地区森林火灾分布情况',
},
},
{
series: [
{
center: 'center',
data: [
{
name: '北京',
value: 3,
},
{
name: '天津',
value: 10,
},
{
name: '河北',
value: 34,
},
{
name: '山西',
value: 17,
},
{
name: '内蒙古',
value: 88,
},
{
name: '辽宁',
value: 58,
},
{
name: '吉林',
value: 19,
},
{
name: '黑龙江',
value: 30,
},
{
name: '上海',
value: 0,
},
{
name: '江苏',
value: 53,
},
{
name: '浙江',
value: 97,
},
{
name: '安徽',
value: 184,
},
{
name: '福建',
value: 131,
},
{
name: '江西',
value: 79,
},
{
name: '山东',
value: 22,
},
{
name: '河南',
value: 519,
},
{
name: '湖北',
value: 682,
},
{
name: '湖南',
value: 1047,
},
{
name: '广东',
value: 59,
},
{
name: '广西',
value: 715,
},
{
name: '海南',
value: 121,
},
{
name: '重庆',
value: 105,
},
{
name: '四川',
value: 361,
},
{
name: '贵州',
value: 2537,
},
{
name: '云南',
value: 569,
},
{
name: '西藏',
value: 8,
},
{
name: '陕西',
value: 95,
},
{
name: '甘肃',
value: 18,
},
{
name: '青海',
value: 21,
},
{
name: '宁夏',
value: 7,
},
{
name: '新疆',
value: 34,
},
],
label: {
emphasis: {
show: false,
},
normal: {
show: false,
},
},
mapType: 'china',
roam: false,
type: 'map',
},
],
title: {
text: '2010年全国各地区森林火灾分布情况',
},
},
{
series: [
{
center: 'center',
data: [
{
name: '北京',
value: 3,
},
{
name: '天津',
value: 5,
},
{
name: '河北',
value: 108,
},
{
name: '山西',
value: 40,
},
{
name: '内蒙古',
value: 57,
},
{
name: '辽宁',
value: 54,
},
{
name: '吉林',
value: 58,
},
{
name: '黑龙江',
value: 43,
},
{
name: '上海',
value: 0,
},
{
name: '江苏',
value: 54,
},
{
name: '浙江',
value: 433,
},
{
name: '安徽',
value: 250,
},
{
name: '福建',
value: 407,
},
{
name: '江西',
value: 151,
},
{
name: '山东',
value: 32,
},
{
name: '河南',
value: 622,
},
{
name: '湖北',
value: 510,
},
{
name: '湖南',
value: 873,
},
{
name: '广东',
value: 239,
},
{
name: '广西',
value: 350,
},
{
name: '海南',
value: 42,
},
{
name: '重庆',
value: 162,
},
{
name: '四川',
value: 309,
},
{
name: '贵州',
value: 430,
},
{
name: '云南',
value: 115,
},
{
name: '西藏',
value: 3,
},
{
name: '陕西',
value: 125,
},
{
name: '甘肃',
value: 7,
},
{
name: '青海',
value: 7,
},
{
name: '宁夏',
value: 2,
},
{
name: '新疆',
value: 59,
},
],
label: {
emphasis: {
show: false,
},
normal: {
show: false,
},
},
mapType: 'china',
roam: false,
type: 'map',
},
],
title: {
text: '2011年全国各地区森林火灾分布情况',
},
},
{
series: [
{
center: 'center',
data: [
{
name: '北京',
value: 1,
},
{
name: '天津',
value: 11,
},
{
name: '河北',
value: 83,
},
{
name: '山西',
value: 20,
},
{
name: '内蒙古',
value: 57,
},
{
name: '辽宁',
value: 51,
},
{
name: '吉林',
value: 41,
},
{
name: '黑龙江',
value: 49,
},
{
name: '上海',
value: 0,
},
{
name: '江苏',
value: 30,
},
{
name: '浙江',
value: 139,
},
{
name: '安徽',
value: 81,
},
{
name: '福建',
value: 92,
},
{
name: '江西',
value: 46,
},
{
name: '山东',
value: 8,
},
{
name: '河南',
value: 328,
},
{
name: '湖北',
value: 385,
},
{
name: '湖南',
value: 922,
},
{
name: '广东',
value: 65,
},
{
name: '广西',
value: 289,
},
{
name: '海南',
value: 23,
},
{
name: '重庆',
value: 38,
},
{
name: '四川',
value: 486,
},
{
name: '贵州',
value: 275,
},
{
name: '云南',
value: 299,
},
{
name: '西藏',
value: 13,
},
{
name: '陕西',
value: 67,
},
{
name: '甘肃',
value: 11,
},
{
name: '青海',
value: 6,
},
{
name: '宁夏',
value: 9,
},
{
name: '新疆',
value: 41,
},
],
label: {
emphasis: {
show: false,
},
normal: {
show: false,
},
},
mapType: 'china',
roam: false,
type: 'map',
},
],
title: {
text: '2012年全国各地区森林火灾分布情况',
},
},
{
series: [
{
center: 'center',
data: [
{
name: '北京',
value: 3,
},
{
name: '天津',
value: 13,
},
{
name: '河北',
value: 27,
},
{
name: '山西',
value: 19,
},
{
name: '内蒙古',
value: 138,
},
{
name: '辽宁',
value: 228,
},
{
name: '吉林',
value: 151,
},
{
name: '黑龙江',
value: 84,
},
{
name: '上海',
value: 0,
},
{
name: '江苏',
value: 61,
},
{
name: '浙江',
value: 425,
},
{
name: '安徽',
value: 213,
},
{
name: '福建',
value: 520,
},
{
name: '江西',
value: 572,
},
{
name: '山东',
value: 47,
},
{
name: '河南',
value: 983,
},
{
name: '湖北',
value: 1207,
},
{
name: '湖南',
value: 5053,
},
{
name: '广东',
value: 165,
},
{
name: '广西',
value: 659,
},
{
name: '海南',
value: 118,
},
{
name: '重庆',
value: 186,
},
{
name: '四川',
value: 233,
},
{
name: '贵州',
value: 2612,
},
{
name: '云南',
value: 287,
},
{
name: '西藏',
value: 9,
},
{
name: '陕西',
value: 27,
},
{
name: '甘肃',
value: 15,
},
{
name: '青海',
value: 8,
},
{
name: '宁夏',
value: 14,
},
{
name: '新疆',
value: 67,
},
],
label: {
emphasis: {
show: false,
},
normal: {
show: false,
},
},
mapType: 'china',
roam: false,
type: 'map',
},
],
title: {
text: '2013年全国各地区森林火灾分布情况',
},
},
{
series: [
{
center: 'center',
data: [
{
name: '北京',
value: 1,
},
{
name: '天津',
value: 2,
},
{
name: '河北',
value: 93,
},
{
name: '山西',
value: 10,
},
{
name: '内蒙古',
value: 160,
},
{
name: '辽宁',
value: 105,
},
{
name: '吉林',
value: 71,
},
{
name: '黑龙江',
value: 33,
},
{
name: '上海',
value: 0,
},
{
name: '江苏',
value: 31,
},
{
name: '浙江',
value: 155,
},
{
name: '安徽',
value: 140,
},
{
name: '福建',
value: 130,
},
{
name: '江西',
value: 158,
},
{
name: '山东',
value: 25,
},
{
name: '河南',
value: 265,
},
{
name: '湖北',
value: 235,
},
{
name: '湖南',
value: 259,
},
{
name: '广东',
value: 128,
},
{
name: '广西',
value: 403,
},
{
name: '海南',
value: 91,
},
{
name: '重庆',
value: 9,
},
{
name: '四川',
value: 442,
},
{
name: '贵州',
value: 201,
},
{
name: '云南',
value: 365,
},
{
name: '西藏',
value: 1,
},
{
name: '陕西',
value: 109,
},
{
name: '甘肃',
value: 21,
},
{
name: '青海',
value: 8,
},
{
name: '宁夏',
value: 24,
},
{
name: '新疆',
value: 28,
},
],
label: {
emphasis: {
show: false,
},
normal: {
show: false,
},
},
mapType: 'china',
roam: false,
type: 'map',
},
],
title: {
text: '2014年全国各地区森林火灾分布情况',
},
},
{
series: [
{
center: 'center',
data: [
{
name: '北京',
value: 0,
},
{
name: '天津',
value: 1,
},
{
name: '河北',
value: 74,
},
{
name: '山西',
value: 10,
},
{
name: '内蒙古',
value: 123,
},
{
name: '辽宁',
value: 116,
},
{
name: '吉林',
value: 125,
},
{
name: '黑龙江',
value: 94,
},
{
name: '上海',
value: 0,
},
{
name: '江苏',
value: 8,
},
{
name: '浙江',
value: 67,
},
{
name: '安徽',
value: 22,
},
{
name: '福建',
value: 114,
},
{
name: '江西',
value: 40,
},
{
name: '山东',
value: 10,
},
{
name: '河南',
value: 45,
},
{
name: '湖北',
value: 70,
},
{
name: '湖南',
value: 51,
},
{
name: '广东',
value: 273,
},
{
name: '广西',
value: 949,
},
{
name: '海南',
value: 137,
},
{
name: '重庆',
value: 8,
},
{
name: '四川',
value: 220,
},
{
name: '贵州',
value: 153,
},
{
name: '云南',
value: 130,
},
{
name: '西藏',
value: 3,
},
{
name: '陕西',
value: 53,
},
{
name: '甘肃',
value: 8,
},
{
name: '青海',
value: 6,
},
{
name: '宁夏',
value: 7,
},
{
name: '新疆',
value: 19,
},
],
label: {
emphasis: {
show: false,
},
normal: {
show: false,
},
},
mapType: 'china',
roam: false,
type: 'map',
},
],
title: {
text: '2015年全国各地区森林火灾分布情况',
},
},
{
series: [
{
center: 'center',
data: [
{
name: '北京',
value: 4,
},
{
name: '天津',
value: 1,
},
{
name: '河北',
value: 42,
},
{
name: '山西',
value: 10,
},
{
name: '内蒙古',
value: 78,
},
{
name: '辽宁',
value: 97,
},
{
name: '吉林',
value: 66,
},
{
name: '黑龙江',
value: 29,
},
{
name: '上海',
value: 0,
},
{
name: '江苏',
value: 15,
},
{
name: '浙江',
value: 83,
},
{
name: '安徽',
value: 42,
},
{
name: '福建',
value: 29,
},
{
name: '江西',
value: 43,
},
{
name: '山东',
value: 13,
},
{
name: '河南',
value: 191,
},
{
name: '湖北',
value: 213,
},
{
name: '湖南',
value: 65,
},
{
name: '广东',
value: 64,
},
{
name: '广西',
value: 401,
},
{
name: '海南',
value: 57,
},
{
name: '重庆',
value: 14,
},
{
name: '四川',
value: 263,
},
{
name: '贵州',
value: 37,
},
{
name: '云南',
value: 73,
},
{
name: '西藏',
value: 0,
},
{
name: '陕西',
value: 52,
},
{
name: '甘肃',
value: 9,
},
{
name: '青海',
value: 11,
},
{
name: '宁夏',
value: 20,
},
{
name: '新疆',
value: 12,
},
],
label: {
emphasis: {
show: false,
},
normal: {
show: false,
},
},
mapType: 'china',
roam: false,
type: 'map',
},
],
title: {
text: '2016年全国各地区森林火灾分布情况',
},
},
{
series: [
{
center: 'center',
data: [
{
name: '北京',
value: 3,
},
{
name: '天津',
value: 2,
},
{
name: '河北',
value: 38,
},
{
name: '山西',
value: 6,
},
{
name: '内蒙古',
value: 177,
},
{
name: '辽宁',
value: 80,
},
{
name: '吉林',
value: 90,
},
{
name: '黑龙江',
value: 97,
},
{
name: '上海',
value: 0,
},
{
name: '江苏',
value: 11,
},
{
name: '浙江',
value: 70,
},
{
name: '安徽',
value: 127,
},
{
name: '福建',
value: 52,
},
{
name: '江西',
value: 67,
},
{
name: '山东',
value: 19,
},
{
name: '河南',
value: 81,
},
{
name: '湖北',
value: 466,
},
{
name: '湖南',
value: 334,
},
{
name: '广东',
value: 302,
},
{
name: '广西',
value: 644,
},
{
name: '海南',
value: 15,
},
{
name: '重庆',
value: 12,
},
{
name: '四川',
value: 171,
},
{
name: '贵州',
value: 18,
},
{
name: '云南',
value: 49,
},
{
name: '西藏',
value: 1,
},
{
name: '陕西',
value: 181,
},
{
name: '甘肃',
value: 6,
},
{
name: '青海',
value: 16,
},
{
name: '宁夏',
value: 30,
},
{
name: '新疆',
value: 58,
},
],
label: {
emphasis: {
show: false,
},
normal: {
show: false,
},
},
mapType: 'china',
roam: false,
type: 'map',
},
],
},
],
years: ['2008年', '2009年', '2010年', '2011年', '2012年', '2013年', '2014年', '2015年', '2016年', '2017年'],
};
option = {
baseOption: {
timeline: {
axisType: 'category',
orient: 'vertical',
autoPlay: false,
inverse: true,
playInterval: 2000,
center: '30%',
width: 65,
left: 10,
height: null,
loop: true,
label: {
normal: {
textStyle: {
color: '#1C1C1C',
},
},
emphasis: {
textStyle: {
color: '#CD3700',
},
},
},
data: all.years,
},
title: {
left: 'center',
subtext: '',
textStyle: {
fontSize: 25,
fontWeight: 'bolder',
color: 'rgba(28,28,28, 0.5)',
},
subtextStyle: {
fontSize: 20,
fontWeight: 'bolder',
color: 'rgba(28,28,28, 0.5)',
},
},
},
options: all.options,
};
截图如下
