【问题标题】:Line Chart Series gets cut at top Sencha touch 2 charts折线图系列在 Sencha touch 2 图表的顶部被削减
【发布时间】:2015-03-12 09:59:37
【问题描述】:

我在煎茶图中使用线系列。问题是系列中具有最高值的标记在顶部被切割,如下图所示。蓝线有一个值为 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
                  }
               }
            }

关于如何留出一些空间以便顶部的圆形标记不会被切割的任何帮助?

【问题讨论】:

  • 可能想尝试设置内边距或高度。如果这不起作用,请告诉我。

标签: javascript charts sencha-touch linechart


【解决方案1】:

【讨论】:

  • 添加顶部填充就像一个魅力! innerPadding:{顶部:5,左侧:0,右侧:0,底部:0},