84669 personnes étudient
152542 personnes étudient
20005 personnes étudient
5487 personnes étudient
7821 personnes étudient
359900 personnes étudient
3350 personnes étudient
180660 personnes étudient
48569 personnes étudient
18603 personnes étudient
40936 personnes étudient
1549 personnes étudient
1183 personnes étudient
32909 personnes étudient
是这样的一个效果,以为echart每次要init(选择器)方法,最后是setoption(配置项)我试着选择用了class 遍历去写,但是没成功,求解决,万分感谢
闭关修行中......
多个图就多个echart的实例化对象啊。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="echarts.min.js"></script> </head> <body> <!-- 为ECharts准备一个具备大小(宽高)的Dom --> <p id="main" style="width: 600px;height:400px;"></p> <p id="main1" style="width: 600px;height:400px;"></p> <p id="main2" style="width: 600px;height:400px;"></p> <p id="main3" style="width: 600px;height:400px;"></p> <script type="text/javascript"> // 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 指定图表的配置项和数据 var option = { title: { text: 'ECharts 入门示例' }, tooltip: {}, legend: { data:['销量'] }, xAxis: { data: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"] }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: [5, 20, 36, 10, 10, 20] }] }; // 使用刚指定的配置项和数据显示图表。 myChart.setOption(option); var myChart1 = echarts.init(document.getElementById('main1')); var myChart2 = echarts.init(document.getElementById('main2')); var myChart3 = echarts.init(document.getElementById('main3')); myChart1.setOption(option1); myChart2.setOption(option2); myChart3.setOption(option3); </script> </body> </html>
多个图就多个echart的实例化对象啊。