g2蚂蚁数据可视化折线图,点位坐标label 图形文本设置

应用g2可视化插件画了个粉丝分析图

g2蚂蚁数据可视化折线图,点位坐标label 图形文本设置_第1张图片

要求显示如图所见的节点参数,查看文档蚂蚁图形文本设置,得知需要引入如下代码:

g2蚂蚁数据可视化折线图,点位坐标label 图形文本设置_第2张图片

  chart.point().position('update*praises').label('praises',{ fill: '#45CEE0', textBaseline: 'top', }); 

说明:

position('update*praises')
update是我的项目中横坐标————时间,即“x”;
praises是纵坐标————点赞数,即“Y”
label(),括号内是对label文本的设置,
fill:label文本的颜色;
textBaseline:文本显示位置


 

转载于:https://www.cnblogs.com/chig/p/10451067.html

你可能感兴趣的:(g2蚂蚁数据可视化折线图,点位坐标label 图形文本设置)