Echarts——基础详解

Echarts实现隐藏x轴,y轴，线，刻度线，分割线

axisLine: { show: true},//线
axisTick: { show: false },//刻度线
splitLine: { show: false }，//分割线

echarts 修改legend字体颜色、x轴或y轴文本字体颜色改变

legend:{
    textStyle:{
                  fontSize: 18,//字体大小
                  color: '#ffffff'//字体颜色
 },
}



xAxis : [ {axisLabel: {textStyle: {color: '#ffffff'}}}]
yAxis : [ {axisLabel: {textStyle: {color: '#ffffff'}}}]

yAxis : [ {axisLine: {textStyle: {color: '#ffffff'}}}]

 修改legend的按钮

legend: {
    icon: 'circle',
    bottom: 10,
    itemHeight: 7, //修改icon图形大小
    itemWidth:7,
    textStyle: {
      fontSize: 13,
      color: '#000'
    },
    data: ['底层数据', '机构代码+企业名称',]
},    

 

 

Y轴详解

yAxis: [
          {
            'type': 'value',
            'name': 'Y轴主题',
            min: 0,
            max: 50,
            splitNumber: 2,
            position: 'left',
            axisLine: { show: false },
            axisTick: { show: false },
            splitLine: { show: false }
          }
],

position设置Y轴位置

splitNumber将Y轴分成多少个部分

 柱状图

stack: '广告',//设置为同一个字符串将垒在一块
barWidth: 15,//设置柱状图/条形图柱子宽度