Echarts 使用细节

隐藏图例

legend: {
      show: false
    },

隐藏下载等功能按钮

    toolbox: {
      feature: {
        saveAsImage: {}
      }
    },

saveAsImage为下载按钮,可以单独删除也可以整个删除

上下左右间距

grid: {
      left: '3%',
      right: '4%',
      bottom: '3%',
      top: '20px'
    }

可以使用百分比控制,也可以使用像素控制

地图Echarts如何在省市区之间切换

assets/${mapName}.json

设置不同的json文件

echarts图例位置

legend: {
    orient: 'vertical',//可设定图例水平(horizontal)排列还是竖直排列
    x:'right',      //可设定图例在左、右、居中
    y:'center',     //可设定图例在上、下、居中
    padding:[0,50,0,0],   //可设定图例[距上方距离,距右方距离,距下方距离,距左方距离]
    data: ['',','','','']
}

echarts坐标轴名字

option = {
xAxis: {
    type: 'category',//x轴类型
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
    name:'abc',//x轴名称
    nameLocation:'middle',//x坐标轴名称的位置
    nameTextStyle:{//x坐标轴名称的字体样式
        color:"red", 
        fontSize:16,  
        padding:10
    }
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值