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
posted @ 2017-11-29 09:43  世界,太精彩  阅读(2153)  评论(0编辑  收藏  举报