Newtonsoft.Json json将字符串转换为Default.aspx for Highcharts

时间:2014-03-01 10:45:44

标签: serialization datatable highcharts json.net

我将代码中的数据序列化为

Dim classes As List(Of SerializedJsonDT) = SerializedJsonDT.GetJsonFriendlyClasses(dt)
jsonNTMS = JsonConvert.SerializeObject(classes)

然后我从aspx页面收到此数据为

<script type="text/javascript">
        var obj = JSON.parse('<%=jsonNTMS%>');
        var catName = obj[0].name;
        var ser1Name = obj[1].name;
        var ser2Name = obj[2].name;

        var catData = obj[0].data;
        var ser1Data = obj[1].data;
        var ser2Data = obj[2].data;

        var cSstopHere2 = 2;

        var chart;
        $(document).ready(function () {
            chart = new Highcharts.Chart({
                chart: {
                    renderTo: 'container',
                    height: 400,
                    width: 600,
                    spacingRight: 20,
                    type: 'spline',
                    backgroundColor: '#1a1818',
                    events: {
                        load: function () {
                            this.series[1].setData(eval(ser1Data), true, true);
                            this.series[0].setData(eval(ser2Data), true, true);
                        }
                    }
                },
                title: {
                    text: 'GÜNLÜK DÖVİZ STATİĞİ - USD',
                    style: {
                        color: '#ffffff',
                        font: 'bold 16px "Trebuchet MS", Verdana, sans-serif'
                    }
                },
                xAxis: {
                    categories: catData, 
                    labels: {
                        style: {
                            color: '#ffffff',
                            fontSize: '10px'
                        }
                    },
                    tickInterval: 1,
                    gridLineWidth: 0.2,
                    lineColor: '#ffffff'
                },
                yAxis: {
                    title: {
                        text: '1 USD = ? TL',
                        style: {
                            color: '#ffffff',
                            font: 'bold 12px "Trebuchet MS", Verdana, sans-serif'
                        },
                    },
                    min: 2.1,
                    gridLineWidth: 0.2,
                    lineColor: '#ffffff'
                },

                plotOptions: {
                    series: {
                        dataLabels: {
                            enabled: true,
                            style: {
                                color: '#ffffff'
                            }
                        },
                        lineWidth: 2
                    }
                },
                series: [{
                    name: "USD: " + ser1Name,
                    data: []
                },{
                    name: "USD: " + ser2Name,
                    data: []
                }],
            });
            chart.redraw
        });
    </script>

我可以看到我的图表容器,但只能看到显示的类别。我无法在高智商中看到我的系列剧。

我的网络表单;

<body>
    <script src="http://code.highcharts.com/highcharts.js"  type="text/javascript"></script>
    <script src="http://code.highcharts.com/modules/exporting.js" type="text/javascript"></script>
    <form id="form1" runat="server">
        <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
    </form>
</body>

有谁知道如何让我的高级图表显示我的系列?

我的类别是时间值,我在序列化之前将它们转换为字符串。 (08:17,19:45等)。我的系列数据最初是十进制值,我在序列化之前将它们转换为字符串。我确实把ser1Data放在第一位然后没用。所以我尝试使用set data events。我想我必须将我的javascript系列数据转换为十进制。但我宁愿在我的自定义“Public Class SerializedJsonDT”类中使用此过程。梅森帮我建立班级。

亲切的问候......

0 个答案:

没有答案