g2plot图表库1.x版本折线图踩坑记录

1.折线图显示为直线

解决办法：将xAxis、yAxis的type属性设置为linear

yAxis: {
   title: {
     visible: true,
     text: this.formData.yAxis.label
   },
   type: 'linear'
 },
 xAxis: {
   // 坐标轴标题
   title: {
     visible: true,
     text: this.formData.xAxis.label
   },
   type: 'linear'
 },

 
 

2.tooltip文本内容更改

通过全局化配置图表数据meta属性进行配置

yField: something,

meta: {
   [something]: {
     alias: '自定义内容名'
   }
 },

meta字段和yField字段对应

 
 

3.guideLine图标辅助线未生效，不显示

原因： data数据源的数据类型为字符串
解决办法： 将data数据源的数据类型全部转换为数字类型

 
具体原因不清楚，建议折线图的数据源类型都转换为数字类型，要不然会有很多奇怪的错误，比如hover时tooltip文本框显示卡顿，不顺畅、辅助线未生效等。