一些ECharts配置

基于vue3，EChart5.4.3版本

Line

 
<template>
  <div class="wh-full" ref="chart">div>
template>
 
<style scoped>
 
style>

Bar

 
<template>
  <div class="wh-full" ref="chart">div>
template>
 
<style scoped>
 
style>

Pie

 
<template>
  <div class="wh-full" ref="chart">div>
template>
 
<style scoped>
 
style>

使用

 
<script lang="ts" setup>
import {onMounted, ref} from "vue"
import Line from '../Line.vue'
 
onMounted(() => {
  init();
})
 
const chartXLineData = ref([])
const seriesNameList = ref(["", '', ''])
const seriesLineData = ref([])
const lineColorList = ["rgba(1, 145, 219, 1)", 'rgba(9, 162, 51, 1)', "rgba(191, 153, 18, 1)"]
const seriesList = []
 
script>
<style lang="scss" scoped>
 
style>