0

Highcharts と WCF サービスの両方にとって新しい。ハイチャートのシリーズまたはデータのいずれかを作成できますが、複数のデータ配列を作成できないように見えるため、シリーズに複数の行があります。シリーズに複数のデータ項目が含まれるように、配列の配列を作成しようとしています。jsFiddl では、次のコードを使用して、希望どおりに表示できます。

$(function() {
var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container'
    },
    xAxis: {
        minPadding: 0.05,
        maxPadding: 0.05
    },

    series: [{
            name: 'Curve 1',
            data: [[150, 80], [155, 55], [159.5, 49.2],  [170, 45]]

        }, {
            name: 'Curve 2',
            data: [[160, 90], [165, 65], [170, 60],  [180, 55]]
        }]

});

});

私の現在のWCF .svcファイルは、JSONをシリアライズして {"data":[[150,80],[155,55],[160,50],[170,45]]}

複数のデータ「配列」を持つ 1 つのシリーズ「配列」が必要です。

注 DotNetHighcharts を調べましたが、グラフ上のポイントの onClick イベントが最終的に必要になるため、今のところ使用したくありません。DonNetHighcharts はイベントをサポートしていないことを理解しています。

誰もが持っている他のアイデアを受け入れます。

ありがとう！

4

1 に答える 1

0 
public class Series
{
    public string name;
    public List<Data> data;
    public Series()
    {
        data = new List<Data>();
    }
}

public class Data
{ 
    public string name { get; set; }
    public double y { get; set; }
    public string color { get; set; }

}

seriesList の serialize Object を highcharts series に設定します。

series= new JavaScriptSerializer().Serialize(SeriesList));
于 2012-11-20T06:38:32.457 に答える