16Echarts - 折线图（Line Chart in Cartesian Coordinate System）-CFANZ编程社区

16Echarts - 折线图（Line Chart in Cartesian Coordinate System）

效果图

源代码

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <!-- 引入 echarts.js -->
    <script src="js/echarts.min.js"></script>
  </head>

  <body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style="width: 600px;height:400px;"></div>
    <script type="text/javascript">
      // 基于准备好的dom，初始化echarts实例
      var myChart = echarts.init(document.getElementById('main'));

      // 指定图表的配置项和数据
      var option = {
        xAxis: {},
        yAxis: {},
        series: [{
          data: [
            [20, 120],
            [50, 200],
            [40, 50]
          ],
          type: 'line'
        }]
      };

      myChart.setOption(option);
    </script>
  </body>

</html>

0 条评论