rally - 更改“rallychart”组件的高度以填充外部容器

Question

我的页面上有一个“rallychart”组件，它以填充外部容器的动态宽度呈现，但谁的高度固定为 400 像素。我尝试使用组件的setSize函数，但它似乎更改了图表容器大小而不是图表本身。是否有设置让图表默认填充宽度和高度，或者至少有一种方法让我可以监听页面调整大小事件并手动更改图表的高度？

谢谢！

Answer 1

要拥有一个高度大于 400 像素的 'rallychart' 组件，请更改chartConfig -> 图表 -> 高度设置以反映所需的高度。

注意：高度将被固定，因此需要使用此解决方案设置容器调整大小的侦听器，触发图表的重绘。

this.down('#chartContainer').add({
    xtype       : 'rallychart',
    chartConfig : {
        chart : {
            height : 500 //Set chart height here
        }
    }
});

Answer 2

我有一个应用程序，其中指定了容器height和width：

  var c2 = Ext.create('Ext.Container', {
        id:'c2',
        border: 5,
        style: {
            borderColor: 'red',
            borderStyle: 'solid'
        },
        height: 450,
        width:600
      });    
      this.add(c2);

稍后将图表添加到该容器中，仅height指定：

this.down('#c2').add(
        {
            xtype: 'rallychart',
            id: 'ch',
            height: 200,
            chartConfig: {
                chart:{
                  type: 'scatter',
                  zoomType: 'xy'
        },
  //....

并且图表默认填充宽度和高度：

你的例子有什么不同？