ui曲线谁是横坐标_vue项目引入echarts折线图横坐标显示问题

1：问题描述

用vue的elmentui做后台系统！利用echarts展示数据(折线图)！发现在数据正常的情况下引入更新横坐标显示有问题！横坐标数组为空则显示正常！

2：相关代码

axios.get(url).then((res) => {

let data = res.data.resultset

this.$nextTick(function () {

let self = this

self.xAxisData = []

self.pv = []

self.uv = []

self.uv1 = []

self.uv3 = []

data.forEach(function (value, key) {

// 针对画图填入相关数据

**// self.xAxisData.push(value.date_str)

self.pv.push(value.pv)

self.uv.push(value.uv)

self.uv1.push(value.uv1)

self.uv3.push(value.uv3)**

})

console.log(this.xAxisData)

this.drawPie('pic_1')

})

}).catch((error) => {

console.log(error)

})

其中**包裹的就是从接口读取出来数据给相关数组赋值数据均为正确将self.xAxisData不赋值也就是默认为空的情况下显示正常如果正常加入数据显示不正常！

3：无报错信息

4：正确折现展示如下

错误展示如下

5：尝试哪些解决方式

将横向数据默认写死依然不能正确显示在网上也没有相关类似情况

ui曲线谁是横坐标_vue项目引入echarts折线图横坐标显示问题相关推荐

echarts折线图默认显示最后一个点的数据
echarts折线图默认显示最后一个点的数据想要达到这种效果图如下: 如果你给折线图设置数据显示,那么要不就全部隐藏,要不就全部显示在折线上.实现指定点的显示就需要你自己去处理这个数据了. 方式有两 ...
echarts折线图分段显示颜色
echarts折线图分段显示颜色 - vue技术交流群(864583465) 1.直接上代码 option = {xAxis: {type: 'category',data: ['Mon', 'Tue ...
echarts折线图不显示y轴值_Echarts 折线图y轴标签值太长时显示不全的解决办法
问题先看一下正常的情况再看一下显示不全的情况所有的数据都是从后台取的,也就是说动态变化的,一开始的时候数据量不大不会出现问题,后面y轴的值越来越大的时候就出现了这个显示不全的情况. 分析先贴一 ...
Echarts 折线图间隔显示数据
var option = {// 主要用来控制图表四周留白grid: {left: '15%',top: '20%',right: '5%'},// 提示框组件tooltip: {trigger: ' ...
vue实现echarts折线图横坐标可以拖动
大佬的链接: https://www.cnblogs.com/ss977/p/9969758.html 官网的链接: https://echarts.apache.org/examples/zh/ed ...
Vue项目引入Echarts可视化图表库教程踩坑
Apache ECharts是一个基于 JavaScript 的开源可视化图表库,ECharts是一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表. ...
echarts 横坐标显示一个月,excel折线图横坐标最后一个点选择数据选不上是什么原因？...
excel折线图横坐标最后一个点选择数据选不上是什么原因? 如果你说的是折线图横坐标选中的数据最后一个无法显示在横坐标上您可以尝试一下可以右击横坐标轴-设置坐标轴格式-选择大小与属性-对其方式-文 ...
Echarts折线图和地图（个人总结）
Echarts折线图和地图(个人总结) Echarts折线图和地图 ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(I ...
Echart折线图横坐标时间获取
Echarts 折线图的js option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', ' ...

ui曲线谁是横坐标_vue项目引入echarts折线图横坐标显示问题

ui曲线谁是横坐标_vue项目引入echarts折线图横坐标显示问题相关推荐

最新文章

热门文章

ui曲线谁是横坐标_vue项目引入echarts折线图 横坐标显示问题

ui曲线谁是横坐标_vue项目引入echarts折线图 横坐标显示问题相关推荐

最新文章

热门文章

ui曲线谁是横坐标_vue项目引入echarts折线图横坐标显示问题

ui曲线谁是横坐标_vue项目引入echarts折线图横坐标显示问题相关推荐