ajax实现同步加载echarts,ajax实现异步加载ECharts图表数据

本文通过示例展示了如何使用Ajax实现ECharts图表数据的同步和异步加载。首先,同步加载部分初始化了ECharts实例并设置基本配置。接着,异步加载部分利用$.get方法获取数据,当数据返回后更新图表的x轴和系列数据。通过这种方式,可以根据实际需求灵活地更新ECharts图表。
摘要由CSDN通过智能技术生成

html代码

体温变化曲线图 / ℃

js代码

// 折线图

$(function () {

tiwen();

// 体温

function tiwen() {

// 基于准备好的dom,初始化echarts实例

var mychart = echarts.init(document.getelementbyid('tiwen'));

option = {

title:{

// text:'echars入门'

},

grid:{

x:35,

y:35,

x2:25,

y2:40,

},

tooltip: {

trigger: 'axis'

},

xaxis: {

type: 'category',

data: [],

axislabel: {

margin: 10,

color: '#777',

},

axisline: {

linestyle: {

color: 'rgba(107,107,107,1)',

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值