需实现效果:
查阅了echarts文档,没有可以直接设置实现的配置项
换一个实现思路,想要左右延伸,左右是否可以加数据呢?
实现步骤:
1、series里的data数据第一个和最后一个补充虚拟相近数据
data: [99, 100, 138, 350, 173, 180, 150, 180, 230, 231],//补充第一个和最后一个虚拟数据
2、series里的symbolSize根据数据下标控制尺寸大小,第一个和最后一个给 0
symbolSize: function (data,param) {// 自定义小气泡大小
if (param.dataIndex === 0 || param.dataIndex === 9) {//第一个数据下标,最后一个数据下标
return 0;//虚拟数据气泡大小为0
} else {
return 8;
}
}
3、series里的label根据数据下标显示标签,第一个和最后一个给 ""
label:{
show:true,
formatter: function(param){
if (param.dataIndex === 0 || param.dataIndex === 9) {//第一个数据下标,最后一个数据下标
return "";//虚拟数据上不显示标签
} else {
return param.value;
}
}
}
4、xAxis里的data数据第一个和最后一个给 ""
data: ['','1', '2', '3', '4', '5', '6', '7', '8',''],
5、X轴根据显示数据需要调整
axisLabel: {
formatter: function(value){
if (value === '') {
return "";
} else {
return value + '月';
}
}
}
以上是曲线救国的思路,有其他实现思路欢迎交流。