1

「rallychart」コンポーネントを使用してアプリに HighCharts チャートを追加しようとしています。再作成しようとしているチャートは次のとおりです。

http://jsfiddle.net/sdWr3/

「line」要素と「columnrange」要素の組み合わせを使用して、目的の効果を実現します。次のように構成を設定することで、「rallychart」を使用して両方のタイプのチャートを別々にレンダリングできます。

chartConfig:
    chart : {
        type : 'line' //Or 'columnrange'
    }
}

この設定を指定せずに、前の例のようにシリーズ オブジェクトでチャート タイプを指定すると、チャートをレンダリングしようとすると次のエラー メッセージが表示されます。

ここに画像の説明を入力

構成にエラーがあるのか​​、それともコンポーネント自体の問題なのかはわかりません。

4

1 に答える 1

1

バグを提出しました。チャート タイプの組み合わせを使用せず、シリーズに設定されているcolumnrange場合にのみ同じエラーを返す簡略化されたコード。type: 'columnrange'設定されていれば動作します

chartConfig: {

       chart:{type: 'columnrange'}

}

しかし、混合タイプのグラフが必要な場合には役に立ちません。シリーズの別のタイプをテストしたところ、たとえばcolumnが機能しました。これは、この問題がすべてのタイプに影響するわけではないことを示しているようです。

Ext.define('CustomApp', {
    extend: 'Rally.app.App',
    componentCls: 'app',

    launch: function() {
       this._makeChart();
    },

    _makeChart:function(){
    var _series = [

                 {
            type : 'columnrange',
            name : 'Range',
            data : [
                    [-9.7, 9.4],
                    [-8.7, 6.5],
                    [-3.5, 9.4],
                    [-1.4, 19.9],
                    [0.0, 22.6],
                    [2.9, 29.5],
                    [9.2, 30.7],
                    [7.3, 26.5],
                    [4.4, 18.0],
                    [-3.1, 11.4],
                    [-5.2, 10.4],
                    [-13.5, 9.8]
            ],
            pointWidth: 4
           }
           ];

        this.add(
        {
            xtype: 'rallychart',
            viewConfig: {
                loadMask: false
            },
            id: 'chart',
            chartConfig: {
        //chart:{type: 'columnrange'}
        chart:{}
            },

            chartData: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
                series: _series
            }

        });

    }
});

別の詳細があります。ではなく、categories内部に設定していることに注意してください。上書きされたソースを参照してください:chartDataxAxischartConfig.xAxis.categories

chartConfig.xAxis.categories = this.chartData.categories;

chartData では定義されておらず、chartConfig.xAxis で定義されている場合、xAxis の値は無効になります。

于 2013-10-22T23:33:06.027 に答える