5

ASP.NET MVC の Kendo UI Complete の使用、バージョン: 2013.3 1119 (2013 年 11 月 20 日)...

このコードがあれば:

$("#status-chart").kendoChart({
    dataSource: {
        data:  [
            {Status: 10}, 
            {Status: 20}, 
            {Status: 200}, 
            {Status: 200}
        ]
    },                
    series: [{
        field: 'Status',
        categoryField: "Status",
        aggregate: 'count'
    }]            
});

私はこのチャートを取得します:

棒グラフ - 良い

ご覧のとおり、ステータス 10 と 20 の値は 1 で、ステータス 200 の値は 2 です。

素晴らしいですが、私が実際に望んでいるのは、円グラフでもまったく同じことです (つまり、3 つの円グラフのスライスがあり、そのうちの 2 つはまったく同じサイズで、1 つは残りの 2 倍の大きさです)。

したがって、私は自分自身に考えました。私がする必要があるのは、type: "pie"次のように設定するだけです:

$("#status-chart").kendoChart({ 
    dataSource: {
        data:  [
            {Status: 10}, 
            {Status: 20}, 
            {Status: 200}, 
            {Status: 200}
        ]
    },                
    series: [{
        field: 'Status',
        categoryField: "Status",
        aggregate: 'count',
        type: "pie"
    }]            
});

しかし、それはこのチャートを生み出しました:

円グラフ - 悪い

ステータス 200 が繰り返され、値がスライスのサイズを決定していることがわかります。

だから、ここに私の質問があります:

以下の図のように見えるが、上記の最初のコード スニペットのデータ ソースにバインドされている円グラフを作成するにはどうすればよいですか?

円グラフ - 良い

ちなみに、データ ソースを変更したくない理由は、グリッドと共有したいからです。

4

1 に答える 1