antV G2 会比较多的API 查看起来也比较费时间,所以把一些常有的方法,参数,指标列举,方便运用
01,柱状图两边留空间
// time 是横坐标的 指标
chart.scale('time', {
range: [0.05, 0.95]
})
02,自定义纵坐标的数组显示
// percent 是纵坐标的值,如果想添加单位,写成 formatter () 函数形式
chart.scale('percent', {
formatter: (val) => {
val = val * 100 + '%'
return val
}
})
03,是否显示鼠标移上去的辅助线
chart.tooltip({
showCrosshairs: true, // 展示 Tooltip 辅助线
shared: true
})
04, 设置图例的位置,显示方式
chart.legend({
position: 'bottom',
offsetY: -5
})
05, 中心加载数据
chart.line().position('x*y');
chart.render();
chart.clear(); // 清理所有图形
chart.data(newData); // 加载新数据
chart.interval().position('x*y').color('z'); // 重新定义图形语法
chart.render();