本文最后更新于:4 years ago
option的组成
样例
var option = {
tooltip: {
trigger: 'axis',
axisPointer: { // 坐标轴指示器,坐标轴触发有效
type: 'shadow' // 默认为直线,可选为:'line' | 'shadow'
},
formatter: function(params){
console.log(params)
var data = params[0].axisValue + '<br/>'
for(var i=0;i < params.length;i++){
data += params[i].marker + params[i].seriesName + ' : ' + params[i].value + '万人' + '<br/>'
}
return data
}
},
grid:{
bottom: '40%'
},
legend: {
bottom: 0,
textStyle: {
color: "#a3a9b3",
fontSize:10,
},
itemWidth:10,
itemHeight:10,
},
color:['#1e88eb','#32b25f','#dfbb23','#273874','#7b46d1','#1ab2b7','#373cbb'],
xAxis: [
{
type: 'category',
data: data.cityNames,
axisLabel:{
textStyle:{
color: "#a3a9b3"
}
},
axisLine:{
show:false
},
axisTick:{
lineStyle:{
color:'#a3a9b3'
}
}
}
],
yAxis: [
{
type: 'value',
axisLabel:{
textStyle:{
color: "#a3a9b3",
},
formatter: "{value}万人",
margin: 0
},
axisLine:{
show:false,
},
axisTick:{
show: false
}
}
],
series: [
{
name: '水流',
type: 'bar',
stack: '农村劳动力', //分组
data: data.villageProvinceOutTransfer
},
{
name: '天气',
type: 'bar',
stack: '农村劳动力', //分组
data: data.villageProvinceInCountyOutTransfer
},
]
}
本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!