第一次用这个图表,主要就是根据官网示例及API文档写的,主要做了一个柱状图、饼图、折柱混合图。总体感受:文档内容比较少,百度也很少能搜到关于antv图表的问题解决办法之类的,遇到问题也只能一遍一遍看文档,对初学者很不友好啊。相比之下echarts用的人比较多,百度搜索结果也很多,社区也能找到很多例子。
使用步骤:
1、官网示例先找一个类似效果的复制下来,根据需要修改,下面是一个简单的柱状图。
<template>
<div id="bar"></div>
</template>
<script>
import { Chart } from "@antv/g2";
export default {
data() {
return {
data:[
{
name:'张三',
value:10
},
{
name:'李四',
value:50
},
{
name:'王五',
value:20
}
]
};
},
methods: {
drawChart() {
const chart = new Chart({
container: "bar", // 指定图表容器 ID
autoFit: true,//图表自适应容器宽高
});
chart.axis("name", {
line: null,
tickLine: null, //不显示刻度
l