echarts刷新数据时x轴数据不变的问题

最新推荐文章于 2024-08-19 07:00:00 发布

-lim-

最新推荐文章于 2024-08-19 07:00:00 发布

阅读量4.5k

点赞数

分类专栏：问题解决文章标签： echarts x

本文链接：https://blog.csdn.net/keseliugeizuori/article/details/83022004

版权

在使用ECharts时遇到一个问题，即在刷新图表数据时，X轴显示不变。经过分析，问题出在初始化时将xAxis设置为数组，而在刷新数据时只更新了data部分。为了解决这个问题，可以采取两种方法：一是直接修改xAxis的值，二是将xAxis初始化部分改为非数组形式。这两种方法都能确保在数据刷新时正确更新X轴。

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

写了一个echarts，再刷新图形的时候，发现x轴不变，经过多方查找发现问题，如下：

开始的时候我的写法如下，

var myChart2 = echarts.init(document.getElementById("charts2"), 'shine');
option2 = {
    tooltip : {
        trigger: 'axis'
    },
    legend: {
        data:['用户数','设备数'],
//        data:[],
        y:"bottom"
    },
    grid: {
    	top: '2%',
        left: '2%',   //图表距边框的距离
        right: '2%',
        bottom: '4%',
        containLabel: true
    },
    xAxis: [
        {
		    type: 'category',
		    boundaryGap: false,
		    data: ['7-1','7-2','7-3','7-4','7-5','7-5','7-6','7-7','7-8','7-9','7-10','7-11','7-12','7-13'],
		    //x轴文字旋转
		    axisLabel:{
			    rotate:30,
			    interval:0
		    }
	    }
    ],
yAxis : [
        {