Echarts3.0:实现一个页面放多个Echarts图表的方法

在Echarts3.0下,一个页面放多个Echarts图表变得非常简单,下面是一种在一个页面放置多张echarts图的方法。


<html>
<head>
    <meta charset="utf-8">
    <title>EChartstitle>
    
    <script src="echarts.min.js">script>
head>
<body>
    
    <div id="first" style="width: 600px;height:400px;">div>
    
    <div id="second" style="width: 600px;height:400px;">div>
body>
html>
<script type="text/javascript">
// ------配置图表1,各个性化图表配置方法详见官网-----
    var firstChart = ec.init(document.getElementById("first"));
    var option = {};
    firstChart.setOption(option);

// -----配置图表2-----
    var secondChart = ec.init(document.getElementById("second"));
    option={};
    secondChart.setOption(option);
script>

你可能感兴趣的:(前端)