option={
backgroundColor:"#000",//画出来的图的整体背景色,除了纯色之外颜色也支持渐变色和纹理填充
title:{//画出来的图的标题,可以设置颜色位置等等属性
text: '画图实例',
textStyle:{
color:"#fff",
fontSize:14,
},
left:'center',
y:"bottom"
},
legend:{//画出来的图的图例,可以设置颜色位置等等,各种属性需要用不同的属性值来控制
textStyle:{
color:"#fff",
}
},
tooltip: { //画出来的图的鼠标悬停到某个对象时显示的内容,可以设置内容等等,trigger的值不同,formatter中{a}{b}{c}{d}所代表的内容也不同
trigger: 'axis',
formatter:'{a}:<br/>{c}'
},
xAxis:{
//x轴的各种设置
},
yAxis:{
//y轴的各种设置
},
}
这个排版有点坑,列出来之后不是编辑的时候的排版了、、、、、
这里记录一些遇到的具体问题:
1、有一个地图类型的图,鼠标滑到各个省份上去的时候,相应的省份背景色会变成一种背景色,由于这个图本身就是用背景色来区分各个省份的重要程度或者条目密集程度,所以鼠标悬停时不需要背景色变化,解决:
series:[{
type:"map",
itemStyle:{
emphasis:{
areaColor:"",//将areaColor置为空,鼠标悬停的时候背景色就不会变化了
}
}
}]
2、有一个曲线类型的图,鼠标滑到各个节点上去的时候,相应的节点内容显示,但是实线和虚线交界处出现了重复的问题,解决:
tooltip: {
trigger: 'axis',
formatter:'{a}:<br/>{c}',//trigger的值不同,formatter中{a}{b}{c}{d}所代表的内容也不同
},
3、曲线的三个对象的图例的字体颜色
timeline:{
label:{
normal:{
color:"#fff"
}
}
},
暂时先记录到这里,以后再有什么坑的话,我研究之后再慢慢更新....................