异步加载数据的时候,chrome浏览器显示跨域错误,无法读取本地json文件。大家遇到过这种情况吗,怎么解决?
配置项如下
var uploadedDataURL = "/asset/get/s/data-1503566962749-Sys_2Gh_-.json";
var myChart = echarts.init(document.getElementById('main'));
// 指定图表的配置项和数据
myChart.setOption({
title: {
text: 'log可视化工具'
},
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'cross',
label: {
backgroundColor: '#6a7985'
}
}
},
legend: {
data: ['vnetwork', 'time_used', 'Mvnetwork', 'Mtime_used']
},
toolbox: {
feature: {
saveAsImage: {}
}
},
grid: {
left: '6%',
right: '10%',
bottom: '6%',
containLabel: true
},
xAxis: [{
type: 'category',
boundaryGap: false,
data: []
}],
yAxis: [{
type: 'value'
}],
dataZoom: [{
type: 'inside',
start: 0,
end: 10
}, {
start: 0,
end: 10,
handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
handleSize: '80%',
handleStyle: {
color: '#fff',
shadowBlur: 3,
shadowColor: 'rgba(0, 0, 0, 0.6)',
shadowOffsetX: 2,
shadowOffsetY: 2
}
}],
series: [{
name: 'vnetwork',
type: 'line',
areaStyle: {
normal: {}
},
data: []
}, {
name: 'time_used',
type: 'line',
areaStyle: {
normal: {}
},
data: []
}, {
name: 'Mvnetwork',
type: 'line',
areaStyle: {
normal: {}
},
data: 0
}, {
name: 'Mtime_used',
type: 'line',
areaStyle: {
normal: {}
},
data: 0
}]
});
// 异步加载数据
$.ajax({
type: "GET",
url: uploadedDataURL,
dataType: "json",
success: function(res) {
myChart.setOption({
xAxis: {
data: res['timestamp']
},
series: [{
// 根据名字对应到相应的系列
name: 'vnetwork',
data: res['vnetwork']
}, {
name: 'time_used',
data: res['time_used']
}, {
name: 'Mvnetwork',
data: res['Mvnetwork']
}, {
name: 'Mtime_used',
data: res['Mtime_used']
}]
})
}
});