84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
是这样的一个效果,以为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的实例化对象啊。