javascript - 棒グラフ グラフをレンダリングするための editablegrid セットの列

Question

プロジェクトにeditableGridを使用しており、1 列のみの値でグラフを作成したいと考えています。

renderBarChart()functionを使用すると、テーブルはグラフをレンダリングしますが、すべての数値列 (メタデータで integer または double として設定) をデータとして表示します。したがって、まったく関係のないデータを含むグラフがあります。グラフに 1 列からデータをロードさせる方法はありますか (例: 価格のみ)?

Answer 1

わかりました、私はそれを理解しました。あなたがしなければならないことはbar: false、グラフでのレンダリングからそれらの列を削除するために、属性を使用してメタデータ部分に列を設定することだけです。

editableGrid.load({ metadata: [
    { name: "price",      label:"Price",      datatype: "double(CZK,2)",   editable: true, },
    { name: "discount",   label:"Dis.",       datatype: "double(CZK,2)",   editable: true,    bar: false },
    { name: "count",      label:"Pieces",     datatype: "integer",         editable: true,    bar: false }
]});

これは、これを行う最善の方法ではありません。この方法では、2 つの別々のグラフ (例: 製品の価格と在庫数) が必要な場合、在庫数がグラフに表示されないように設定されているため、それを行うことはできません。

関数を変更し、次のように、表示したい列の引数配列に渡す方がはるかに優れています。

editableGrid.renderCharts = function() {
    this.renderBarChart("chart-graph", 'Prices', 'product_name', ['price_amount', 'discount'], {alpha: 0.75, bar3d: false});
};

ただ言うと、開発者が探している場合