antV-G2自定义tooltip的结构

Chart.tooltip(true, { // 提示信息配置

                containerTpl: '
' + '
开盘时间
' + '
' + '
', // tooltip的外层模板
                itemTpl:
                    '
'
                    + '
开盘时间
{time}
'
                    + '
 ',
                offset: 0,
                'g2-tooltip': {
                    position: 'absolute',
                    width: '80px',
                    height: '40px',
                    backgroundColor: 'rgba(13,21,42,1)',
                    border: '1px solid rgba(51, 187, 255, 0.5)',
                    borderRadius: "3px 3px 3px 3px",
                    color: '#fff',
                    fontSize: '12px',
                    textAlign: 'center',
                    padding: '0px',
                    paddingLeft: '8px',
                    marginTop: '3px',
                    'transition': 'top 200ms,left 200ms'
                },
                'g2-tooltip-title': {
                    display: 'none'
                },
                crosshairs: { // 用于设置 tooltip 的辅助线或者辅助框
                    style: {
                        stroke: '#33bbff', // 辅助线的颜色
                        strokeOpacity: 0.3
                    }
                },
                position: 'top',
                inPlot: false, //不用tooltip一直在图表视图内,以便最末尾tooltip位置乱跑
                // triggerOn:'click', //触发方式,不选默认mousemove
            })