vue+echarts实现多个仪表盘图表
根据echarts官网单个仪表盘修改成多个仪表盘,代码如下:
<template>
<div class="app-container homeIndex">
<div class="mineEcharts">
<div ref="mineEcharts" style="height: 200px" />
</div>
</template>
<script>
import echarts from "echarts";
export default {
name: "index",
data() {
return {
mineEcharts: null,
};
},
mounted() {
this.getList();
},
methods: {
getList() {
var chartDom = this.$refs.mineEcharts;
var myChart = echarts.init(chartDom);
var option;
option = {
//鼠标悬停文字提示
tooltip: {
formatter: "{b} : {c}份",
},
series: [
{
name: "",
type: "gauge",
radius: "50%",
center: ["15%"