G2-chart 刻度和图形显示错乱问题。

最新推荐文章于 2023-02-04 10:40:05 发布

民义

最新推荐文章于 2023-02-04 10:40:05 发布

阅读量2.8k

点赞数 1

分类专栏：图表文章标签： G2-chart data-set 图表显示错乱

本文链接：https://blog.csdn.net/qq_43016856/article/details/100016282

版权

G2-chart 图表出现了刻度线错乱和图形无规律的问题，原因是数据处理后的数值变为字符串类型。解决方法是对数据进行类型检查，将数值型字段确保为数字类型，避免图表渲染异常。

摘要由CSDN通过智能技术生成

对于掺杂正负值数据，且是通过data-set转换过的数据，生成的数值类型是字符。
如上图value轴上刻度线是错乱的。且图标内显示图形也无规矩可言。
贴上代码：
var data = [
{
“type”: “有源手术器械”,
“date”: 8,
“currNum”: Math.round(Math.random()(15)),
“preNum”: Math.round(Math.random()(15))
},
{
“type”: “有源手术器械”,
“date”: 9,
“currNum”: Math.round(Math.random()(15)),
“preNum”: Math.round(Math.random()(15))
},

		{
			"type": "医用成像器械",
			"date": 8,
			"currNum": Math.round(Math.random()*(15)),
			"preNum": Math.round(Math.random()*(15))
		},  
		{
			"type": "医用成像器械",
			"date": 9,
			"currNum": Math.round(Math.random()*(15)),
			"preNum": Math.round(Math.random()*(15))
		}, 
		
		{
			"type": "医用诊察和监护器械",
			"date