【Echarts】Echarts笔记2-默认图表

Echarts笔记2-默认图表

数值型坐标轴默认参数

valueAxis: {
   
        position: 'left',      // 位置
        nameLocation: 'end',   // 坐标轴名字位置，支持'start' | 'end'
        nameTextStyle: {
   },     // 坐标轴文字样式，默认取全局样式
        boundaryGap: [0, 0],   // 数值起始和结束两端空白策略
        splitNumber: 5,        // 分割段数，默认为5
        axisLine: {
               // 坐标轴线
            show: true,        // 默认显示，属性show控制显示与否
            lineStyle: {
          // 属性lineStyle控制线条样式
                color: '#48b',
                width: 2,
                type: 'solid'
            }
        },
        axisTick: {
               // 坐标轴小标记
            show: false,       // 属性show控制显示与否，默认不显示
            inside : false,    // 控制小标记是否在grid里
            length :5,         // 属性length控制线长
            lineStyle: {
          // 属性lineStyle控制线条样式
                color: '#333',
                width: 1
            }
        },
        axisLabel: {
              // 坐标轴文本标签，详见axis.axisLabel
            show: true,
            rotate: 0,
            margin: 8,
            // formatter: null,
            textStyle: {
          // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                color: '#333'
            }
        },
        splitLine: {
              // 分隔线
            show: true,        // 默认显示，属性show控制显示与否
            lineStyle: {
          // 属性lineStyle（详见lineStyle）控制线条样式
                color: ['#ccc'],
                width: 1,
                type: 'solid'
            }
        },
        splitArea: {
              // 分隔区域
            show: false,       // 默认不显示，属性show控制显示与否
            areaStyle: {
          // 属性areaStyle（详见areaStyle）控制区域样式
                color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
            }
        }
    },

    polar : {
   
        center : ['50%', '50%'],    // 默认全局居中
        radius : '75%',
        startAngle : 90,
        splitNumber : 5,
        name : {
   
            show: true,
            textStyle: {
          // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                color: '#333'
            }
        },
        axisLine: {
               // 坐标轴线
            show: true,        // 默认显示，属性show控制显示与否
            lineStyle: {
          // 属性lineStyle控制线条样式
                color: '#ccc',
                width: 1,
                type: 'solid'
            }
        },
        axisLabel: {
              // 坐标轴文本标签，详见axis.axisLabel
            show: false,
            textStyle: {
          // 其余属性默认使用全局文本样式，详见TEXTSTYLE
                color: '#333'
            }
        },
        splitArea : {
   
            show : true,
            areaStyle : {
   
                color: ['rgba(250,250,250,0.3)','rgba(200,200,200,0.3)']
            }
        },
        splitLine