记录：Echarts利用多个X轴混合折线和散点图

利用多个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] ]
},
]
};

最后

以上就是故意萝莉为你收集整理的记录：Echarts利用多个X轴混合折线和散点图的全部内容，希望文章能够帮你解决记录：Echarts利用多个X轴混合折线和散点图所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。