话不多说,直接上代码
1、首先要确保后台传过来的数据类型是一一对应形式的,如下所示(其中年份2010对应的是x轴数据,:后面的值是x轴的2010年对应的y轴某值)
{
2010: "320"
2011: "332"
2012:null,
2013: "334"
2014: "390"
2015: 330
2016: "320"
}
2、然后用object.entries()做类型转换,转换成如下结构
[
["2010", 320],
["2011", 332],
["2012", null],
["2013", 334],
["2014", 390],
["2015", 330],
["2016", 320]
],
3、在option的series设置里,加上 connectNulls: false, 这句话(遇到值为Null的点自动断开)
series: [
{
name: "期刊论文",
data: ydata[0],
type: "line",
smooth: true,
//就加下面这一句,
connectNulls: false,
emphasis: {
focus: "series"
}
},
{
name: "成果奖励",
data: ydata[1],
type: "line",
smooth: true,
connectNulls: false,
emphasis: {
focus: "series"
}
}
]
以上即是全部步骤,希望对您有帮助