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

官网: 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. // ...
7. VxeUI.use(VxeUIPluginRenderChart)

复制代码

评分

1. <template>
2.   
3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
4.   
5. </template>

复制代码

柱状图

1. <template>
2.   
3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
4.   
5. </template>

复制代码

饼图

1. <template>
2.   
3.     <vxe-grid v-bind="gridOptions"></vxe-grid>
4.   
5. </template>

复制代码

https://github.com/x-extends/vxe-table

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