利用多个X轴混合折线和散点图,使二者相对独立存在。
echarts.registerTransform(ecStat.transform.regression);
option = {
legend: {
data:['随机点','折线']
},
xAxis: [
// 设置第一个x轴
{
type: 'category',
data: [1,2,3,4,5,6,7,8,9,10,11,12],
axisPointer: {
type: 'shadow'
}
},
// 设置第二个x轴
{
type: 'category',
position: 'bottom',
offset: 25,
axisPointer: {
type: 'none'
},
// 隐藏第二条x轴
axisLine:{
show:false
},
axisTick:{
show:false
},
axisLabel:{
show:false
}
}
],
yAxis: [
{
type: 'value',
name: 'Y',
min: 0,
},
],
series: [
{
name:'折线',
type:'line',
// 对应第一条x轴
xAxisIndex:0,
data:[2.0, 2.2, 8.3, 4.5, 6.3, 10.2, 20.3, 23.4, 23.0, 16.5, 12.0, 6.2]
},
{
name:'随机点',
type:'scatter',
// 对应第二条x轴
xAxisIndex:1,
// [x,y] 分别对应x和y轴上的坐标,可以自定义位置
data:[[0.5, 1],[2.3, 10],[6, 13],[8, 14],[10, 7] ]
},
]
};