项目中之前用了?vue-schart(项目已经没人维护,很久不更新了)
GitHub - lin-xin/vue-schart: :bar_chart: Vue.js wrapper for sChart.js
?没有resize功能,又不想修改源码,可以参考下边的方法实现:
<template>
<div>
<schart
class="schart"
canvasId="eChartBar"
:options="options"
></schart>
</div>
</template>
<script setup>
import Schart from 'vue-schart'
import { ref } from 'vue'
const options = ref({})
window.addEventListener('resize', () => {
// 通过修改重置options实现resize
options.value= JSON.parse(JSON.stringify(options.value))
})
</script>
?推荐使用:Vue-ECharts
GitHub - ecomfe/vue-echarts: Apache ECharts component for Vue.js.