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'],

 

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值