echarts遇到的问题


X轴无偏移: axisTick: {

   alignWithLabel: true

    },

 

x轴显示所有数据项且避免拥挤在xAxis设置: axisLabel: {

    interval: 0,

    rotate: 40

  },

另外设置:grid: {

    bottom: 70,

    x: 40,

    x2: 100,

    y2: 150

},

 

hover加竖线: tooltip: {

    trigger: 'axis',

    backgroundColor: 'rgba(74,56,31,0.85)',

    borderColor: 'rgba(74,56,31,0.85)',

    axisPointer: {

        lineStyle: {

            color: '#a19c96'

        }

    }

},

 

每条记录加竖线在xAxis或yAxis 

axisLine: {

//                            lineStyle: {

//                                color: '#f0ede8'

//                            }

//                        },

//                        splitLine: {

//                            show: true,

//                            lineStyle: {

//                                color: '#f0ede8'

//                            }

//                        },

 

 

防止y轴数据过大显示不全:

grid: {

    bottom: 70,

    x: 40,

    x2: 100,

    y2: 300,

    containLabel: true   *******

},

 

 

数据更新,初始化重置数据时:

for (let j in this.lineOption.series) {
this.lineOption.series[j].data = []
this.lineOption.series[j].name = ''
}
再设置this.lineOption.series.length


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM