Echarts

Echarts

1.写入js

// 基于准备好的dom，初始化echarts实例
            var myChart = echarts.init(document.getElementById('main'));
            // 指定图表的配置项和数据
            var option = {
                    }；
      // 使用刚指定的配置项和数据显示图表。
            myChart.setOption(option);

2. 图形全局颜色

     color: ['#fcd02b','#01b2fc', '#f64616'],  //设置图形颜色
   

3. 在div中位置

   //图形在div中的位置   
   grid:{
            x:30,   //左边距
            y:32,   //上边距
            x2:40,  //右边距  
            y2:25    //下边距
          },
   

4. 坐标轴及刻度颜色

    axisLine:{
                         lineStyle:{color:'rgb(150,150,150)'}   // 坐标轴颜色 
                           },  
     axisTick:{
                            lineStyle:{color:'rgb(150,150,150)'}    // 刻度的颜色
                            },
   

5. 柱形图柱子宽度

    //设置柱形图柱子的宽度
        barWidth : 17