写一个echarts将两个将两个表放在同一个页面

 


<html>

  <head>
  <meta charset="UTF-8">
  <script src="echarts.js"></script>
  <title>echartstitle>
  head>
  <body>
 
  <div id="main" style="width: 600px;height:400px;">div>
  <script type="text/javascript">
  // 基于准备好的dom,初始化echarts实例
  var myChart = echarts.init(document.getElementById('main'));
 
  // 指定图表的配置项和数据
  var option = {
 
 
  title: {
  text: '性别对比'
  },
  tooltip: {},
  legend: {
  data:['性别']
  },
  xAxis: {
  data: ["",""]
  },
  yAxis: {},
  series: [{
  name: '性别',
  type: 'bar',
  data: [30,9 ]
  }]
  };
 
  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);
  </script>
  <div id="main2" style="width: 600px;height:400px;background: yellow;">div>
  <script type="text/javascript">
  // 基于准备好的dom,初始化echarts实例
  var myChart = echarts.init(document.getElementById('main2'));
 
  // 指定图表的配置项和数据
  var option = {
 
  title:{
  text:'年龄比例'
 
 
  },
  tooltip : {
  trigger: 'item',
  formatter: "{a}
{b} : {d}%"
  },
  series:[{
  startAngle:'0',
  name:'年龄比例',
  type:'pie',
  radius:'60%',
  data:[
  {value:62.07,name:'18岁'},
  {value:10,name:'21岁'},
  {value:15,name:'19岁'},
  {value:12.93,name:'20岁'},
 
  ]
  }]
  };
 
  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);
  </script>
  body>
  body>
  html>

你可能感兴趣的:(写一个echarts将两个将两个表放在同一个页面)