vue+g2plot基本用法
本帖最后由 zzz 于 2025-9-1 14:42 编辑安装
npm install @antv/g2plot使用//图表容器
<div id="c1"></div>
//渲染函数
function renderChart() {
const data = [
{ year: '1951 年', sales: 38 },
{ year: '1952 年', sales: 52 },
{ year: '1956 年', sales: 61 },
{ year: '1957 年', sales: 145 },
{ year: '1958 年', sales: 48 },
];
//配置参数
const bar = new Bar('c1', {
data,
xField: 'sales',
yField: 'year',
colorField: 'year',
});
//渲染
bar.render();
}
onMount(()=>{
renderChart()
})
页:
[1]