我在页面定义 多个不同id的div,然后在init多个,option只有一个,setOption多个,发现不管定义几个报表,最后一个总是不出现 <div id="projectDeviceReport1" style="width: 100%;height:180px;"></div>
<div id="projectDeviceReport2" style="width: 100%;height:180px;"></div>
<div id="projectDeviceReport3" style="width: 100%;height:180px;"></div>
var projectDeviceChart1 =this.$echarts.init(document.getElementById('projectDeviceReport1'));
var projectDeviceChart2 = this.$echarts.init(document.getElementById('projectDeviceReport2'));
var projectDeviceChart3 = this.$echarts.init(document.getElementById('projectDeviceReport3'));
projectDeviceChart1.setOption(option);
projectDeviceChart2.setOption(option);
projectDeviceChart3.setOption(option);
配置项如下
var option = {
dataset: {
source: [
['score', 'amount', 'product'],
[89.3, 58212, 'Matcha Latte'],
[57.1, 78254, 'Milk Tea'],
[74.4, 41032, 'Cheese Cocoa'],
[50.1, 12755, 'Cheese Brownie'],
[89.7, 20145, 'Matcha Cocoa'],
[68.1, 79146, 'Tea'],
[19.6, 91852, 'Orange Juice'],
[10.6, 101852, 'Lemon Juice'],
[32.7, 20112, 'Walnut Brownie']
]
},
grid: {
containLabel: true,
top: 0,
bottom: 0,
right:0,
left:0,
},
xAxis: {name: 'amount'},
yAxis: {type: 'category'},
series: [
{
type: 'bar',
encode: {
x: 'amount',
y: 'product'
}
}
]
};