console
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>echarts</title>
<script src="https://cdn.jsdelivr.net/npm/echarts@5.3.2/dist/echarts.min.js">
</script>
</head>
<body>
<div id="main"></div>
<script type="text/javascript">
let myChart = echarts.init(document.getElementById('main'), null, {
width: 600,
height: 400
});
let option = {
xAxis: {
type: 'category',
data: ['Matcha Latte', 'Milk Tea', 'Cheese Cocoa', 'Walnut Brownie']
},
yAxis: {},
series: [
{
type: 'bar',
name: '2015',
data: [9.3, 92.1, 94.4, 89.4]
},
{
type: 'bar',
name: '2016',
data: [5.8, 89.4, 91.2, 76.9]
},
{
type: 'bar',
name: '2017',
data: [7.7, 83.1, 92.5, 78.1]
}
]
};
myChart.setOption(option)
</script>
</body>
</html>