鼠标框选放大区域，柱状图会超出边界

[MrSeaWave]

如图所示：

[kuangyunsheng]

当图表数据的某个/某些维度的值超出对应的坐标轴的范围时，图表的几何标记都有可能绘制在plot之外的区域。

可以使用canvas的clearRect方法手工清除polt区域外的几何标记，例如：

...
chart.render()
var [marginTop, marginRight, marginBottom, marginLeft] = chart.get('plotCfg').margin
var chartWidth = chart.get('width')
var chartHeight = chart.get('height')

setTimeout(function(){
  var ctx = document.querySelector('#canvas_2').getContext("2d")

  //清除plot上方的非绘图区
  ctx.clearRect(0, 0, chartWidth, marginTop)

  //清除plot右边的非绘图区 
  ctx.clearRect(chartWidth - marginRight, 0, marginRight, chartHeight)

  //清除plot下方的非绘图区
  ctx.clearRect(0, chartHeight - marginBottom, chartWidth, marginBottom)

  //清除plot左边的非绘图区 
  ctx.clearRect(0, 0, marginLeft, chartHeight)
}, 500)

建议G2的开发团队在plot区域绘制完成后自动清除上下左右的非几何标记绘图区

[dxq613]

因为 x 轴是时间类型，时间类型的坐标轴两边没有留空白，所以这时候可以考虑将 x 轴对应的字段声明成 type: 'timeCat' 这时两边会留下绘制柱状图的空白