PHP用echarts图表做动态时间轴(timeline),如何传入动态数据?
想用PHP做动态图表的时间轴,找了个例子,但是百思不得其解,底部变量options数据,怎样才能做成动态数据?我的后台已经生成出JSON格式,就是不知道如何传参进去?有大佬指点一下吗?
程序代码:
var option = { //timeline基本配置都写在baseoption 中 baseOption: { timeline: { //loop: false, axisType: 'category', show: true, autoPlay: true, playInterval: 1000, data: ['Account Management', 'Application', 'Client H/W', 'Client S/W', 'HPI打印机'] }, grid: { containLabel: true }, xAxis: [{ type: 'category', data: ['第一周', '第二周', '第三周', '第四周', '第五周'] }], yAxis: [{ type: 'value', name: '数量', axisLabel: { formatter: '{value}' } }], series: [{ type: 'line', }, ], tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器,坐标轴触发有效 type: 'shadow' // 默认为直线,可选为:'line' | 'shadow' } }, }, //变量则写在options中 options: [ //Account Management { series: [{ name: '故障', type: 'bar', data: [20, 12, 31, 34, 31] }, { name: '请求', type: 'bar', data: [10, 20, 5, 9, 3] }] }, //Application { series: [{ name: '故障', type: 'bar', data: [20, 22, 34, 14, 21] }, { name: '请求', type: 'bar', data: [10, 20, 5, 9, 3] }] }, //Client H/W { series: [{ name: '故障', type: 'bar', data: [19, 2, 3, 14, 51] }, { name: '请求', type: 'bar', data: [10, 20, 5, 9, 3] }] }, //Client S/W { series: [{ name: '故障', type: 'bar', data: [9, 27, 35, 4, 1] }, { name: '请求', type: 'bar', data: [10, 20, 5, 9, 3] }] }, //HPI打印机 { series: [{ name: '故障', type: 'bar', data: [19, 21, 33, 8, 42] }, { name: '请求', type: 'bar', data: [10, 20, 5, 9, 3] }] }, ] } var mychart = echarts.init(document.getElementById('container')); mychart.setOption(option);