Javascript 折线图系列在Sencha touch 2图表顶部被剪切
我在sencha图表中使用直线系列。问题是序列中具有最高值的标记在顶部被剪切,如下图所示。蓝线有一个值为1000的标记,该标记在图像顶部被剪切 该问题也出现在文档中的sencha图表指南示例中Javascript 折线图系列在Sencha touch 2图表顶部被剪切,javascript,charts,sencha-touch,linechart,Javascript,Charts,Sencha Touch,Linechart,我在sencha图表中使用直线系列。问题是序列中具有最高值的标记在顶部被剪切,如下图所示。蓝线有一个值为1000的标记,该标记在图像顶部被剪切 该问题也出现在文档中的sencha图表指南示例中 { type: 'line', xField: 'name', yField: 'n1', itemId: 'incomeLineSeries', tit
{
type: 'line',
xField: 'name',
yField: 'n1',
itemId: 'incomeLineSeries',
title: 'Income',
getGutters: function() {
return [10, 10];
},
style: {
smooth: true,
stroke: '#63981a',
lineWidth: 3,
shadowColor: 'rgba(0,0,0,0.7)',
shadowBlur: 10,
shadowOffsetX: 3,
shadowOffsetY: 3
},
highlightCfg: {
scale: 2
},
marker: {
type: 'circle',
stroke: '#0d1f96',
fill: '#63981a',
lineWidth: 2,
radius: 4,
shadowColor: 'rgba(0,0,0,0.7)',
shadowBlur: 10,
shadowOffsetX: 3,
shadowOffsetY: 3,
fx: {
duration: 300
}
}
}
关于如何留出一些空间,使顶部的圆形标记不会被切割,有什么帮助吗?尝试将顶部填充添加到图表中:可能需要尝试设置填充或高度。如果不起作用,请告诉我。添加顶部填充效果非常好!内部填充:{top:5,left:0,right:0,bottom:0},