找回密码
 立即注册
首页 业界区 业界 vxe-table 实现单元格中渲染饼图、柱形图

vxe-table 实现单元格中渲染饼图、柱形图

后彼 2025-6-6 18:14:57
官网: https://vxetable.cn
轻量级图表,超高性能的在表格中渲染柱状图,即使是渲染上万条数据单元格图表,也是丝滑流畅。
  1. npm install vxe-pc-ui@4.3.2 vxe-table@4.9.3 @vxe-ui/plugin-render-chart@4.0.1
复制代码
  1. // ...
  2. import { VxeUI } from 'vxe-pc-ui'
  3. import VxeUIPluginRenderChart from '@vxe-ui/plugin-render-chart'
  4. import '@vxe-ui/plugin-render-chart/dist/style.css'
  5. // ...
  6. VxeUI.use(VxeUIPluginRenderChart)
复制代码
评分

1.png
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
柱状图

2.png
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
饼图

3.png
  1. <template>
  2.   
  3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
  4.   
  5. </template>
复制代码
https://github.com/x-extends/vxe-table

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

相关推荐

2026-1-14 03:24:59

举报

2026-1-18 15:11:09

举报

懂技术并乐意极积无私分享的人越来越少。珍惜
2026-1-18 23:24:21

举报

2026-1-20 15:24:36

举报

2026-1-24 08:05:14

举报

2026-2-3 04:26:31

举报

2026-2-9 18:49:52

举报

2026-2-11 11:41:23

举报

感谢发布原创作品,程序园因你更精彩
2026-2-11 14:50:29

举报

12下一页
您需要登录后才可以回帖 登录 | 立即注册