echarts使用

echarts自定义showLoading

echarts.showing({
	text:'',
	color:'',
	textColor:'',
	maskColor:'', //可以用rgba 背景色
	zlevel:0
})

对齐刻度

axisTick: {
	alignWithLabel: true
}

去除网格线

splitLine: {
	show: false
}

雷达图给indicator添加点击事件

triggerEvent:true
myChart.on('click',function(){})

echarts图中不要用jquery方法获取盒子,不支持

根据value值设置背景色

serious: {
          name: '',
          type: 'line',
          markArea: {
            silent: true,
            data: [
              [{
                xAxis: 0,
                itemStyle: {
                  color: 'rgba(250,250,250,0.3)'
                }
              }, {
                xAxis: 100
              }],
              [{
                xAxis: 100,
                itemStyle: {
                  color: 'rgba(250,250,250,0.3)'
                }
              }, {
                xAxis: 200
              }]
            ]
          },
          data: data
        },

根据已有的分割区间设置背景色

xAxis: {
   splitArea: {
     show: true,
     areaStyle: {
       color: [
         'rgba(250,250,250,1)',
         'rgba(250,250,250,1)',
         'rgba(250,250,250,1)',
         'rgba(250,250,250,1)',
         'rgba(200,200,200,0.1)',
         'rgba(200,200,200,0.1)',
         'rgba(200,200,200,0.1)',
         'rgba(200,200,200,0.1)'
       ]
     }
   },
   max: maxDate - minDate,
   interval: 1000 * 60 * 60 * 24 * 30 * 3
}

同一个图标设置多个坐标轴

xAxisIndex: 1,
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值