1

単一のシリーズのハイ チャート グラフを開発しましたが、複数のシリーズをバインドできません。

私の要件は以下のようなものです

私はチェックボックスリストをチェックしており、以下のように含まれています。ユーザーが複数のチェックボックスを選択して読み込みボタンをクリックすると、選択したものが表示されます。

タイプA

タイプB

タイプ C

タイプD.......タイプZ

1 つのチェック ボックスのみを実行できますが、複数の選択をコーディングして高いグラフに表示する方法がわかりません。

私はハイチャートに慣れていないので、誰でも助けていただければ幸いです。

私のJavascriptコード:

<script type="text/javascript">

    $(function () {
        var chart = new Highcharts.Chart({

            chart: {

                renderTo: 'container',
                type: 'spline',
                zoomType: 'x',
                spacingRight: 50

            },

            title: {
                text: 'Sample Spline Chart',

                x: -20 //center
            },
            subtitle: {
            text: document.ontouchstart === undefined ?
                'Click and drag in the plot area to zoom in' :
                'Pinch the chart to zoom in',
                 x: -20
             },

            xAxis: {
                type: 'datetime',
                dateTimeLabelFormats: {
                day: '%e %b %y',
                minute: '%l%M<br>%p'

               }
            },
            yAxis: {
                title: {
                text: 'Values'
                },
             min: 0
            },
            series: [{

                name: 'Value',
                data: <%= chartData1%>


           }]

        });

    });


</script>

C# コード:

protected void btnLoad_Click(object sender, EventArgs e)
{
    selectedLists.Clear();

    foreach (ListItem item in chkboxTypes.Items)
    {
        if (item.Selected == true)
        {
            var selected = item.Text.Split(',');

            selectedLists.Add(selected[0]);
        }
    }

    foreach (var item in selectedLists)
    {
        typeID = item;

        var fromdate = fromdatepicker.Value;

        var todate = todatepicker.Value;

        var dsSql = string.Format(@"SELECT START_DATETIME, VALUE FROM XXXXX WHERE  TYPE_ID = '{0}' AND START_DATETIME >= '{1} 00:00' AND END_DATETIME <= '{2} 23:59' ORDER BY START_DATETIME ASC", typeID, fromdate, todate);

        var database = new Database(dbstring, "System.Data.SqlClient");
        database.CommandTimeout = 3600;
        var dataSourcesAttributes = database.Fetch<DataPoint>(dsSql);


        var chkboxData = string.Empty;

        if (dataSourcesAttributes.Count > 0)
        {

            foreach (var data in dataSourcesAttributes)
            {
                listDimensionalValues.Add(Tuple.Create(data.AppliesToDateTime, data.Value));

                JavaScriptSerializer serializeData = new JavaScriptSerializer();
                var Validdata = serializeData.Serialize(listDimensionalValues.ToArray());

                chkboxData = Properdata(Validdata);
            }
            chartData1 = chkboxData;
        }
        else
        {

            lblError.Visible = true;
            lblError.Text = databasevalue + " There is no data available for this Type or please select different dates";

        }
    }

}

ChartData 1 文字列

 public string chartData1 { get; set; }

何か提案や仲間を助けてください

4

1 に答える 1