js echarts只能渲染一张
时间: 2023-09-01 10:01:29 浏览: 102
echarts的js
不准确,js echarts并不只能渲染一张图表,它可以同时渲染多张图表。通过在一个网页中使用不同的容器div,我们可以在每个容器中使用不同的配置和数据来绘制不同类型和样式的图表。例如:
```html
<div id="chart1" style="width:400px;height:300px;"></div>
<div id="chart2" style="width:400px;height:300px;"></div>
<script>
// 绘制第一个图表
var chart1 = echarts.init(document.getElementById('chart1'));
var option1 = {
// 配置选项
// ...
series: [{
// 数据系列
// ...
}]
};
chart1.setOption(option1);
// 绘制第二个图表
var chart2 = echarts.init(document.getElementById('chart2'));
var option2 = {
// 配置选项
// ...
series: [{
// 数据系列
// ...
}]
};
chart2.setOption(option2);
</script>
```
通过以上代码,我们可以在同一个页面中渲染两个不同的echarts图表,分别是`chart1`和`chart2`。因此,js echarts并不限制只能渲染一张图表,我们可以根据需求同时绘制多张图表。
阅读全文