最近接触了不少echarts的项目,所以就参照echarts官网变动了一下图表联动。附上代码
<template>
<div class="mxgjEchart-item1" ref="mxgjEchart"></div>
</template>
<script>
const echarts = require("echarts");
export default {
data() {
return {
};
},
methods: {
initCharts() {
let myChart = echarts.init(this.$refs.mxgjEchart);
// 绘制图表
myChart.setOption({
legend: {},
tooltip: {
trigger: "axis",
showContent: false, //显示内容,
},
// 数据集
dataset: {
source: [
[
"product",
"2021-11",
"2021-12",
"2022-01",
"2022-02",
"2022-03",
"2022-04",
],
["黄总", 10, 2, 69, 38, 3, 20],
["马总", 21,