vue脚手架 v-charts折线图问题--困扰我一下午的小问题

vue v-charts折线图问题–困扰我一下午的小问题

vue脚手架里用v-charts折线图
后端返回的数据

  chartData: {
	"columns": [
			"年份",
			"新增人数"
		],
		"rows": [
			{
				"年份": 2020,
				"新增人数": 2
			},
			{
				"年份": 2019,
				"新增人数": 1
			},
		]
      },

怎么搞都不能正常显示折线,横坐标显示没问题
试了各种方法,头皮发麻
最后发现是一个很小很小的问题

作为横坐标的数据不能为整型,转为字符串才能正常显示折线图

这样才行:

  chartData: {
	"columns": [
			"年份",
			"新增人数"
		],
		"rows": [
			{
				"年份": '2020',
				"新增人数": 2
			},
			{
				"年份": '2019',
				"新增人数": 1
			},
		]
      },