私はグループ化された縦棒グラフを使用した場合、私はチャートを十分に制御できませんでした。すべての店舗の後、シリーズの数、色などを動的に設定し、ハードコードする必要はありません。だから、基本的に、これは私が持っているものです。ext js 4桁グラフのバグ?私がそれらを非表示にするときに表示され続ける
chart = Ext.create("Ext.chart.Chart", {
store: dataStore,
axes: dynamicAxes,
series: series
});
私は今、私は、一連のオブジェクトを返すwhichs方法を持っているなど 幅、チャートの高さと面白くないものを除外します。これは、上記のコードで述べたシリーズ配列に追加されています。この関数には、「item」オブジェクトパラメータと、その配列からのアイテムオブジェクトのインデックスであるidx paramと、アイテム配列のサイズであるmax paramがあります。
これは
var w = (typeof (max) !== "undefined" && max !== null) ? this._getWidthByMax(max) : 30;
return {
type: "column",
axis = "left",
xField = "timestamp",
yField = item.id, // store field name equals the id of the item object
style = { stroke: colorCode, "stroke-width": (item.isDefault) ? 2 : 1, fill: colorCode },
width = w,
renderer = function (sprite, rec, attr, bix) {
var nx = idx * w;
return Ext.apply(attr, { translation: { x: nx} });
}
}
となります。これは、必要な数の列に対してうまく機能します。それは現在1つ、2つ、3つ...最大7つまでです。私はシリーズを非表示にする場合 ただし、次の呼び出しでは動作しません:
chart.series.getAt(idx).hideAll();
私は折れ線グラフとしての私のチャートを描画する場合、それが動作している間。 これはExt-js 4のバグですか、それとも、私が縦棒グラフのシリーズをどのようにレンダリングしたかの理由ですか?
アイデアを持っている人は誰ですか? :) –