• 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
  • 相关阅读:
    再谈每周工作不要超过 40 小时
    前苹果雇员潜入总部 只为完成自己的项目
    C语言解析pcap文件得到HTTP信息实例(原创,附源码)
    Android 2.1 源码结构分析
    linux 获取当前日期与时间
    谷歌史上十大优秀产品榜:Android傲娇上位
    在eclipse中查看android SDK的源代码
    网络开发必备的HTTP协议知识
    Linux TCP/IP协议栈源码阅读笔记
    浅析UPnP协议
  • 原文地址:https://www.cnblogs.com/cina33blogs/p/7918647.html
Copyright © 2020-2023  润新知