vue echarts 水波图 占比

本文主要是介绍vue echarts 水波图 占比，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

实现效果：

需要提前下载 echarts-liquidfill echarts没有这个插件

<template><div id="waterChart" style="flex: 1; height: 150px; width: 100%"></div>
</template>
<script>
import { getNoteMatters } from '@/api/government';
export default {data() {return {durationData: [{name: "提前办结率", value: 0.9}{name: "按时办结率", value: 1}{name: "超时办结率", value: 0}],};},mounted() {this.initMap();},methods: {initMap() {// 这里this.$echarts相当于echarts  vue3.0不支持直接引入echarts 需要在全局挂载// import * as echarts from 'echarts';// import 'echarts-liquidfill';// app.config.globalProperties.$echarts = echarts;var myChart = this.$echarts.init(document.getElementById('waterChart'))

这篇关于vue echarts 水波图 占比的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---