echart ajax json,echart多条折线图ajax请求json数据

//折线图

$.ajax({

url:"test.json",

data: {},

type:‘GET‘,

success:function(data) {

console.log(JSON.stringify(data))

bloodFun(data.echatX, data.echatY,data.echatY2);

},

});//基于准备好的dom，初始化echarts实例

var bloodChart = echarts.init(document.getElementById(‘main‘));//指定图表的配置项和数据

functionbloodFun(x_data, y_data,y2_data) {

bloodChart.setOption({

title: {

text:‘‘},

tooltip: {

trigger:‘axis‘,

axisPointer: {

type:‘cross‘,

label: {

backgroundColor:‘#6a7985‘}

}

},

legend: {},

toolbox: {

feature: {

saveAsImage: {}

}

},

grid: {

left:‘3%‘,

right:‘4%‘,

bottom:‘3%‘,

containLabel:true},

xAxis: [{

type:‘category‘,

boundaryGap:false,

data: x_data,

}],

yAxis: [{

type:‘value‘}],

series: [{

name:‘高血压‘,

type:‘line‘,

areaStyle: {

normal: {

color:‘#fff‘ //改变区域颜色

}

},

itemStyle: {

normal: {

color:‘#8cd5c2‘, //改变折线点的颜色

lineStyle: {

color:‘#8cd5c2‘ //改变折线颜色

}

}

},

data: y_data

},

{

name:‘低血压‘,

type:‘line‘,

areaStyle: {

normal: {

color:‘#fff‘ //改变区域颜色

}

},

itemStyle: {

normal: {

color:‘#8cd5c2‘, //改变折线点的颜色

lineStyle: {

color:‘#8cd5c2‘ //改变折线颜色

}

}

},

data: y2_data

}

]

});

}