echarts的一些设置

2022-03-14发布 700阅读
JavaScript

官网地址:https://echarts.apache.org/zh/index.html


1 折线图和柱状图的边距 

  通过grid属性设置(在对象的根节点)

myChart = { grid: {
            x: 70,    //左边
            y: 40,    // 上边
            x2: 60,  // 右边
            y2: 50  // 下边
  },  .....}


2 饼状图

 饼状图的边距不能通过grid设置,需要能过series属性里的 center

series: [ {
            name: '户籍类型',
            type: 'pie',
            radius: ['30%', '75%'],  // 第一个参数设置环中间空白部分的大小,第二个参数设置整个环距离中心点的大小
            center: ['50%', '55%'],  // 第一个参数设置水平位置 第二个参数设置上下位置
            avoidLabelOverlap: true,
            label: {
                show: false,
                position: 'center'
            },
      ...
}]