这是一个 eCharts示例,采用柱状图
<template>
<h1>This is a bar demo page</h1>
<div id="main"></div>
</template>
<script>
import * as echarts from "echarts";
export default {
mounted() {
let myEcharts = echarts.init(document.getElementById("main"));
myEcharts.setOption({
title: {
text: "hello", //数据表名字
},
tooltip: {},
legend: {},
//直角坐标系x轴
xAxis: { data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"] },
yAxis: {},
series: [
{
name: "销量",
type: "bar", //bar代表柱状图
data: [5, 20, 36, 15, 10, 40],
},
],
});
},
};
</script>
<style>
#main {
width: 500px;
height: 500px;
}
</style>