echarts 记录一些

一,折线图

 1)xAxis ,yAxis 中:属性axisLine:false,//是否显示坐标轴轴线

xAxis : [
       {
           type : 'time', //category
           axisLine:{
show:true//是否显示坐标轴轴线
   },

           axisTick:{
show:false //是否显示坐标轴刻度
},
           splitLine: {
               show:false  //坐标轴在 grid 区域中的分隔线
           }, 
       }
   ],
   yAxis : [
       {
           type : 'value',
           axisLine:{
show:true//是否显示坐标轴轴线
  },
           boundaryGap: [0, '100%'],
           axisLabel : {
               formatter: '{value} ms' // 刻度标签的内容格式器
           },
            splitLine: {
               show: true
           } 
           
       }
   ],

series(直角系) 中 :属性 smooth:false //是否平滑曲线显示

series : [
                 {
                  showSymbol: false, // 是否显示 symbol(折线上圆点之类的标记 ), 只有在 tooltip hover 的时候显示。 可以去掉symbol属性了
                  //symbol:'none',//去掉折线上圆点

                   smooth :true ,//折线为曲线

                     name:'最高气温',
                     type:'line',
                     data:[11, 11, 15, 13, 12, 13, 10]
                   
                 },
                 {
                  showSymbol: false, // 是否显示 symbol(折线上圆点之类的标记 ), 只有在 tooltip hover 的时候显示。可以去掉symbol属性了
                 // symbol:'none',//去掉折线上圆点

                    smooth :true ,//折线为曲线
                     name:'最低气温',
                     type:'line',
                     data:[1, -2, 2, 5, 3, 2, 0]
                   
                 }
             ]

 2)calculable : true,//是否启用拖拽重计算

3) animation : false,//关闭动画

4)grid 中 :属性x,y,x2,y2  例如:x ,直角坐标系内绘图网格左上角横坐标,数值单位px,支持百分比(字符串),如'50%'(显示区域横向中心)

grid:{
                    x:'5%',
                    y:'10%',
                    x2:'1%',
                    y2:'10%'
                },

5) color:['#6b8e23', '#ff00ff'],

 

 

你可能感兴趣的:(echarts 记录一些)