3

KendoUI の縦棒グラフでこの問題が発生しました。サービスから返される一連の JSON データがあります。JSON は非常にシンプルで簡単です。

このデータをグループ化せずに剣道チャートにバインドすると、完璧に機能します。ただし、グループ化を使用してバインドすると、データが間違った列に配置されます。最初にスクリーン ショットを示し、次に、JSON のサイズを考慮して実際の例を示した JSFiddle へのリンクを示します。

グループ化なしの例 1:

ここに画像の説明を入力

すべてのデータが正しく表示され、列にはツールチップで正しいカテゴリが表示されています。

例 2 WITH グループ化:

ここに画像の説明を入力

ご覧のとおり、グループ化は正しく見えますが、そうではありません。カテゴリ CCLF の下の 4 番目の列 (最初の列は 0) にマウスを合わせると、チャートの 3 番目のカテゴリにある GINN が表示されていることがわかります。

問題の実際の例を次に示します。

http://jsfiddle.net/v8tsQ/2/

JSFiddle で、kendo.data.DataSource() を作成するセクションに移動すると、最初のチャート結果を取得するために削除できる「グループ」オプションが表示されます。

列が正しいカテゴリの下に表示されるようにするために何をする必要があるかについて何か考えはありますか?

4

1 に答える 1

3

データは、DataSource にある順序で表示されます。DataSource を並べ替えると、グラフは希望どおりに表示されるはずです。

http://jsfiddle.net/v8tsQ/10/

var ds = new kendo.data.DataSource({
    data: dr,
    group: { field: "FindingQuarter"},
    sort: [{field: "FindingQuarter", dir: "asc"}, 
    {field: "SectionName", dir: "asc"}]

})

x 軸の名前は、各セットの最初の項目を表示していました。

于 2012-08-21T19:50:28.543 に答える