折线图系列在Sencha touch 2图表上排名最高

debugcn 发表于 Dev

维奈

我在sencha图表中使用线系列。问题在于，序列值最高的标记会在顶部被剪切，如下图所示。蓝线在值1000处有一个标记，该标记在图像的顶部被剪切。

该文档的sencha图表指南示例中也存在此问题。

在此处输入图片说明

 {
               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
                  }
               }
            }

任何有关如何留出空间以使顶部的圆形标记不会被割伤的帮助吗？

拜达利

尝试在图表中添加顶部填充：http : //docs.sencha.com/touch/2.3.1/#!/api/Ext.chart.CartesianChart-cfg-innerPadding

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。