旱情概况echarts category配置项内容和展示

尝试用echarts满足自己的需求

      var all={"options":[{"series":[{"data":[{"name":"昆明市","value":8,"itemStyle":{"emphasis":{"areaColor":"#ffd9d9"},"normal":{"areaColor":"#ffd9d9"}}},{"name":"普洱市","value":15,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"昭通市","value":20,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"玉溪市","value":32,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"红河哈尼族彝族自治州","value":26,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"文山壮族苗族自治州","value":26,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"西双版纳傣族自治州","value":18,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"临沧市","value":11,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"楚雄彝族自治州","value":14,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"丽江市","value":24,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"大理白族自治州","value":34,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"保山市","value":50,"itemStyle":{"emphasis":{"areaColor":"#b20101"},"normal":{"areaColor":"#b20101"}}},{"name":"德宏傣族景颇族自治州","value":31,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"怒江傈僳族自治州","value":23,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"迪庆藏族自治州","value":25,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"曲靖市","value":35,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}}],"label":{"emphasis":{"show":false},"normal":{"show":false}},"mapType":"yunnan","roam":false,"type":"map"}]},{"series":[{"data":[{"name":"昆明市","value":16,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"普洱市","value":25,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"昭通市","value":27,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"玉溪市","value":31,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"红河哈尼族彝族自治州","value":20,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"文山壮族苗族自治州","value":14,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"西双版纳傣族自治州","value":31,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"临沧市","value":6,"itemStyle":{"emphasis":{"areaColor":"#ffd9d9"},"normal":{"areaColor":"#ffd9d9"}}},{"name":"楚雄彝族自治州","value":20,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"丽江市","value":23,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"大理白族自治州","value":24,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"保山市","value":13,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"德宏傣族景颇族自治州","value":26,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"怒江傈僳族自治州","value":23,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"迪庆藏族自治州","value":25,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"曲靖市","value":25,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}}],"label":{"emphasis":{"show":false},"normal":{"show":false}},"mapType":"yunnan","roam":false,"type":"map"}]},{"series":[{"data":[{"name":"昆明市","value":10,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"普洱市","value":15,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"昭通市","value":20,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"玉溪市","value":32,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"红河哈尼族彝族自治州","value":26,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"文山壮族苗族自治州","value":26,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"西双版纳傣族自治州","value":18,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"临沧市","value":11,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"楚雄彝族自治州","value":14,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"丽江市","value":24,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"大理白族自治州","value":24,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"保山市","value":30,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"德宏傣族景颇族自治州","value":31,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"怒江傈僳族自治州","value":23,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"迪庆藏族自治州","value":25,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"曲靖市","value":25,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}}],"label":{"emphasis":{"show":false},"normal":{"show":false}},"mapType":"yunnan","roam":false,"type":"map"}]},{"series":[{"data":[{"name":"昆明市","value":34,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"普洱市","value":26,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"昭通市","value":31,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"玉溪市","value":28,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"红河哈尼族彝族自治州","value":20,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"文山壮族苗族自治州","value":23,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"西双版纳傣族自治州","value":13,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"临沧市","value":23,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"楚雄彝族自治州","value":27,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"丽江市","value":17,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"大理白族自治州","value":31,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"保山市","value":18,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"德宏傣族景颇族自治州","value":21,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"怒江傈僳族自治州","value":33,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"迪庆藏族自治州","value":27,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"曲靖市","value":25,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}}],"label":{"emphasis":{"show":false},"normal":{"show":false}},"mapType":"yunnan","roam":false,"type":"map"}]},{"series":[{"data":[{"name":"昆明市","value":23,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"普洱市","value":25,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"昭通市","value":23,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"玉溪市","value":26,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"红河哈尼族彝族自治州","value":8,"itemStyle":{"emphasis":{"areaColor":"#ffd9d9"},"normal":{"areaColor":"#ffd9d9"}}},{"name":"文山壮族苗族自治州","value":35,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"西双版纳傣族自治州","value":11,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"临沧市","value":19,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"楚雄彝族自治州","value":21,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"丽江市","value":35,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"大理白族自治州","value":38,"itemStyle":{"emphasis":{"areaColor":"#ff3636"},"normal":{"areaColor":"#ff3636"}}},{"name":"保山市","value":13,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"德宏傣族景颇族自治州","value":29,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"怒江傈僳族自治州","value":23,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}},{"name":"迪庆藏族自治州","value":11,"itemStyle":{"emphasis":{"areaColor":"#ff8e8e"},"normal":{"areaColor":"#ff8e8e"}}},{"name":"曲靖市","value":25,"itemStyle":{"emphasis":{"areaColor":"#ff6b6b"},"normal":{"areaColor":"#ff6b6b"}}}],"label":{"emphasis":{"show":false},"normal":{"show":false}},"mapType":"yunnan","roam":false,"type":"map"}]}],"years":["2013年","2014年","2015年","2016年","2017年"]}


option = {
	baseOption: {
		timeline: {
			axisType: 'category',
			orient: 'vertical',
			autoPlay: true,
			inverse: true,
			playInterval: 2000,
			left: -40,
			right: null,
			top: 20,
			bottom: 20,
			width: 30,
			height: null,
			label: {
				normal: {
					textStyle: {
						color: '#ddd'
					}
				},
				emphasis: {
					textStyle: {
						color: '#fff'
					}
				}
			},
			symbol: 'none',
			lineStyle: {
				color: '#555'
			},
			checkpointStyle: {
				color: '#bbb',
				borderColor: '#777',
				borderWidth: 2
			},
			controlStyle: {
				showNextBtn: false,
				showPrevBtn: false,
				normal: {
					color: '#666',
					borderColor: '#666'
				},
				emphasis: {
					color: '#aaa',
					borderColor: '#aaa'
				}
			},
			data: all.years
		},
		title: {
			left: 'center',
			text: '云南省旱情演变',
			textStyle: {
				fontSize: 20,
				color: '#96ce54'
			},
		},
		backgroundColor: '#333',
		tooltip: {
			trigger: 'item',
			formatter: '{b}'
		},
		series: [],
		animationDurationUpdate: 1000,
		animationEasingUpdate: 'quinticInOut'
	},
	options: all.options
};