VChart 纵坐标刻度值小数过长

最新推荐文章于 2024-08-27 19:47:47 发布

feifei_Tang

最新推荐文章于 2024-08-27 19:47:47 发布

阅读量836

点赞数

分类专栏：前端 Vue 文章标签： vchart vue

本文链接：https://blog.csdn.net/feifei_tang/article/details/102719999

版权

本文介绍了VChart图表中遇到纵坐标刻度值小数位数过长的问题，提出了解决方案——通过处理数据，保留小数点后特定位数，从而优化显示效果。

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

问题如下图所示：
在这里插入图片描述
解决办法：
对要展示的数据进行保留小数点后n位的处理。

let ph = parseFloat(item.ph).toFixed(2);

实例：


```javascript
//加载数据
sewageData({
   enterpriseId: _self.enterpriseId, waterType: _self.value2}).then(function (response) {
   
	_self.data = [];//放在加载数据的方法外面则不会渲染折线图
	if (response.success) {
   
		response.data.forEa