防止Extjs标记圆被截断

我是Extjs的新手，我在不断学习。我还有很长的路要走，但我学到了我需要知道的。我的标记圈被切断了。我是否可以使用设置/解决方法来防止这种情况？如图所示：

我查看了v6.0.0文档，不确定要使用什么。代码：

Ext.onReady（（）=>{
外部创建({
xtype:'笛卡尔'，
renderTo:element，//呈现的元素
身高：200，
插入：20，
商店：{
字段：[“名称”，“金额”]，
数据：[..]//数据
},
平滑：是的，
轴线：[{
类型：'类别'，
位置：'底部'，
字段：['name']，
标签：{
填充：“rgba（0,10,30,75）”，
尺寸：15
},
风格：{
strokeStyle:'rgba（0,10,30,2）'
}
}],
系列：[
{
键入：“行”，
填充：是的，
风格：{
填充：“#a2d5f2”，
不透明度：.6，
笔划：“#00a1fd”，
冲程不透明度：.6，
},
工具提示：{
轨迹鼠标：是的，
渲染器：（工具提示、模型、项目）=>{
常量内容=item.record.data.name+'：'+item.record.data.amount
//setHtml（model.get（item.field））；
tooltip.setHtml（内容）
}
},
xField:'名称'，
yField:'金额'，
标记：{
键入：“圆”，
半径：5，
线宽：2，
填写：“#fff”，
不透明度：1，
},
渲染器：（精灵、配置、渲染器数据、索引）=>{
let store=rendererData.store，
storeItems=store.getData（）.items，
previousRecord=storeItems[索引]，
currentRecord=（索引>0？storeItems[索引-1]：previousRecord），
current=currentRecord&&parseFloat（currentRecord.data['amount']），
previousRecord&&parseFloat（previousRecord.data['amount']），
变化={}；
开关（config.type）{
“标记”案例：
如果（索引==0）{
return null；//保留第一个标记的默认样式
}
changes.strokeStyle=（当前>=先前？#00a1fd'：“红色”）；
//changes.fillStyle='#fff'；
//变化。fillOpacity=1；
//更改。线宽=2；
打破
案例“行”：
changes.strokeStyle=（当前>=先前？#00a1fd'：“红色”）；
更改。线宽=2；
changes.fillStyle=（当前>=以前？#a2d5f2'：“红色”）；
changes.fillOpacity=（当前>=以前的？1:.1）；
打破
}
回报变化；
}
}]
});
})

我相信Xero正在使用Ext，他们的圈子不会被切断：

---

您可以使用innerPadding配置属性：

Ext.onReady(() => {
  Ext.create({
    xtype: 'cartesian',
    renderTo: element, // rendered element
    height: 200,
    innerPadding: 10, // THIS PROPERTY
...
...