有时我们会遇到在一个页面放置两个或多个echarts图表不能显示的问题,这篇文章将提供一种在一个页面放置多张echarts图的方法。
<script type="text/javascript">
require.config({
paths:{
'echarts':chart_path,
'echarts/chart/line':chart_path,
}
});
require(
['echarts','echarts/chart/line'],
function (ec) {
// ------firstChart start----------
var firstChart = ec.init(document.getElementById("first"));
option = {};
firstChart.setOption(option);
// -----firstChart end-----------
// -----secondChart start-----
var secondChart = ec.init(document.getElementById("second"));
option={};
secondChart.setOption(option);
// -----secondChart end-----
}
);
</script>