echarts
对 echarts 进行二次封装, 并自适应主题
使用方式
vue
<template>
<div class="qm-echart" ref="chartRef"></div>
</template>
<script lang="ts">
import { useEcharts } from '@/hooks';
const chartRef = ref<HTMLDivElement | null>(null);
// setOptions 为echarts配置项
const {setOptions} = useEcharts(chartRef as Ref<HTMLDivElement>);
</script>API
useEchart(domRef, theme) => {setOptions, getInstance, echarts}
| 参数 | 说明 | 可选参数 |
|---|---|---|
| domRef | 响应式的dom节点 | - |
| theme | 主题( default 为根据后台主题自动设置) | 'light' | 'dark' | 'default' |
返回
| 参数 | 说明 |
|---|---|
| setOptions | echarts的options |
| getInstance | 通过echarts.init创建的实例 |
| echarts | 整个echarts对象 |