G2使用过程中的坑总结

1.图例自定义后内容很长,与图表重合了,可以调整图表的padding

let chart = new G2.Chart({
    container: options.ele,
    forceFit: true,
    height: options.height,
    padding: [ 10, 200, 10, 10 ]
  })
chart.legend({
    position: 'right-center',
    useHtml: true,
    itemGap: 20, // 图例项之间的间距
    itemTpl: (value, color, checked, index) => {
      return '' +
        '' +
        '' + value + '' +
        '' + chart._attrs.data[index].value + '' +
        ''
    }
  })

2:如果卡片添加了loading效果,并且导致挂载后如果loading没有结束,G2将找不到容器报错

你可能感兴趣的:(日常积累,vue)