JavaScript中echarts的基本使用

1.实例化对象

var mychat = echarts.init(document.
querySelector('.bar2 .chart'));

2.指定配置数据

及时将echarts中的图标进行介入接入

var option = {
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130],
      type: 'bar'
    }
  ]
};

不显示x轴

 xAxis: {
     show:false
 },

不显示y轴的线

axisLine: {
  show:false
},
axisTick:{
  show:false
},

刻度标签设置为颜色设置成白色

axisLabel:{
  color:"#fff"
}

3.把配置项给配置对象

mychat.setOption(option);

4.让图标跟随屏幕自动去适应

window.addEventListener('resize',
function(){
    mychat.resize();
});