vue项目 实现 vue-schart 图表 resize

2023-12-13 17:12:52

项目中之前用了?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.

文章来源:https://blog.csdn.net/admans/article/details/134974456
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。