请给我写一个echarts的ajax请求代码
以下是一个简单的 echarts ajax 请求代码示例:
var myChart = echarts.init(document.getElementById('myChart'));
// 发送ajax请求获取数据
$.ajax({
type: 'GET',
url: 'data.json',
dataType: 'json',
success: function(data) {
// 对返回的数据进行处理
var yAxisData = data.yAxisData;
var seriesData = data.seriesData;
// 使用echarts绘制图表
myChart.setOption({
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: seriesData,
type: 'line'
}]
});
},
error: function(xhr, type) {
console.log('Ajax error!')
}
});
这段代码会发送一个 GET 请求到 data.json 文件中,然后使用返回的数据绘制一个简单的折线图。注意,这里使用了 jQuery 的 ajax 方法来发送请求,如果没有引入 jQuery,也可以使用原生的 XMLHttpRequest 对象来实现。
原文地址: http://www.cveoy.top/t/topic/JZq 著作权归作者所有。请勿转载和采集!