antv g2 自定义图片热力图，自定义legend图列的样式

公司要开发个项目，实现一个自定义图片热力图并且legend图列不能拖动

首先想到的是echarts热力图，但echarts自定义图片相当于给整个canves设置了背景图，x轴与图片底部不对称 ，所以用了antv g2

 antvg2热力图的图片是放在与x起始位置一样的地方，antvg2官网地址：热力图 - AntV

 legend图列不能拖动，并且设置自定义字体样式：

 chart.legend({
            type: 'continuous',
            position: 'right',
            slidable: false, // 是否可滑动
            min: 0,
            max: 100,
            width: 10,
            height: 100,
            textStyle: {
              fontSize: 10,
              fill: '#BCBFC7', // 字体颜色
              stroke: 'none' // 字体白底
            },
            offsetX: 10, // 与图列的距离
            visible: true // 颜色卡是否可见
})

注意：antv g2版本3深色背景下，legend字体底部有白底，使用stroke: 'none'可去掉白底；antv g2版本4字体没有白底，但legend图列不能分段展示，只能映射渐变展示最小值和最大值。