当前位置: 首页 > 科技观察

ECharts、PHP、MySQL、Ajax、JQuery实现前后端数据可视化

时间:2023-03-12 09:21:43 科技观察

开始测试


//通过echarts.init方法初始化一个echarts实例,通过setOption方法生成一个简单的直方图//基于准备好的DOM,实例化echarts实例varmyChart=echarts.init(document.getElementById("container"));//指定图表的配置项和数据varoption1={title:{text:'ECharts入口案例'},tooltip:{text:'鼠标后的浮动提示语句放在上面!'},legend:{data:['sales']},xAxis:{data:['衬衫','开衫','雪纺衫','裤子','高跟鞋','袜子','内裤']},yAxis:{},series:[{name:'sales',type:'bar',data:[7,20,36,10,10,20,28]}]};//用上面的配置项作为参数传给echart显示myChart.setOption(option1);